minor updates

zero.Web.UI/App/components/buttons/add-button.vue

@@ -1,6 +1,7 @@
 <template>
   <div class="ui-add-button">
-    <ui-button v-if="!hasDropdown" :type="type" :label="label" @click="onClick(shared)" :disabled="disabled" />
+    <ui-button v-if="!hasDropdown" :type="type" :label="label" @click="onClick(shared)" :disabled="disabled" /> <!-- :attach="true"-->
+    <!--<ui-button v-if="!hasDropdown" :type="type" icon="fth-chevron-down" />-->
     <ui-dropdown v-else ref="dropdown" align="right">
       <template v-slot:button>
         <ui-button :label="label" :type="type" :disabled="disabled" />
@@ -90,6 +91,10 @@
 </script>
 
 <style lang="scss">
+  .ui-add-button
+  {
+    display: flex;
+  }
   /*.ui-add-button .ui-dropdown-button
   {
     font-weight: 700;

zero.Web.UI/App/components/buttons/button.vue

@@ -54,6 +54,10 @@
       ellipsis: {
         type: Boolean,
         default: false
+      },
+      attach: {
+        type: Boolean,
+        default: false
       }
     },
 
@@ -94,6 +98,10 @@
         {
           classes.push('no-label');
         }
+        if (this.attach)
+        {
+          classes.push('is-attached');
+        }
 
         return classes;
       },

zero.Web.UI/Sass/Modules/_button.scss

@@ -115,6 +115,26 @@ button::-moz-focus-inner
     margin-left: 15px;
   }
 
+  &.is-attached
+  {
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+
+    & + .ui-button
+    {
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0;
+      margin-left: -1px;
+      border-left: 1px solid rgba(0,0,0,0.1);
+      padding: 0 9px 0 8px;
+
+      .ui-button-icon
+      {
+        margin: 0 !important;
+      }
+    }
+  }
+
   .ui-button-icon, .ui-button-caret
   {
     margin-left: 18px;