#1127 button.Split: styling

Author: tobiu

resources/scss/src/button/_Split.scss

@@ -1,3 +1,16 @@
-.neo-split-button-wrapper {
-    display: flex;
+.neo-split-button {
+    border       : v(button-border);
+    border-radius: v(button-border-radius);
+    display      : flex;
+    width        : fit-content;
+
+    .neo-button {
+        border : none;
+        margin : 0;
+        padding: .5em;
+
+        &:last-child {
+            border-left: v(button-border);;
+        }
+    }
 }

src/button/Split.mjs

@@ -18,10 +18,6 @@ class Split extends Button {
          * @protected
          */
         ntype: 'split-button',
-        /**
-         * @member {String[]} cls=['neo-split-button','neo-button']
-         */
-        cls: ['neo-split-button', 'neo-button'],
         /**
          * Read only, it will get created inside the ctor.
          * Use splitButtonConfig to pass initial config for it.
@@ -44,7 +40,7 @@ class Split extends Button {
          * @member {String} _vdom
          */
         _vdom: {
-            cls: ['neo-split-button-wrapper'],
+            cls: ['neo-split-button'],
             cn : [{
                 tag: 'button',
                 cn : [{