Better styling for split button

package.json

@@ -106,7 +106,7 @@
         "c9.ide.run.build": "#4de6a0b9a4",
         "c9.ide.run.debug.xdebug": "#61dcbd0180",
         "c9.ide.save": "#326087f5a2",
-        "c9.ide.scm": "#26d856f599",
+        "c9.ide.scm": "#aafb2125ce",
         "c9.ide.terminal.monitor": "#b52a3f2144",
         "c9.ide.theme.flat": "#2de8414db7",
         "c9.ide.threewaymerge": "#229382aa0b",

plugins/c9.ide.layout.classic/less/splitbutton.less

@@ -5,12 +5,12 @@ body .splitbutton .arrow {
     min-width: 10px !important;
 }
 
-.splitbutton .arrow:before {
+.splitbutton>div:first-child:after {
     content: "";
     display: block;
     border-left: 1px solid @border-highlight-dark;
     position: absolute;
-    left: -1px;
+    right: 0;
     top: 4px;
     bottom: 4px;
 }

plugins/c9.ide.ui/lib_apf.js

@@ -33593,6 +33593,9 @@ apf.splitbutton = function(struct, tagName) {
 
                 _self.dispatchEvent("mouseout", { button: this });
             },
+            onmousedown: function() {
+                _self.dispatchEvent("mousedown", { button: this });
+            },
             onclick: function(e) {
                 _self.dispatchEvent("click");
             }
@@ -33622,6 +33625,9 @@ apf.splitbutton = function(struct, tagName) {
 
                 _self.dispatchEvent("mouseout", { button: this });
             },
+            onmousedown: function() {
+                _self.dispatchEvent("mousedown", { button: this });
+            },
             onclick: function(e) {
                 _self.dispatchEvent("split.click", e);
             }