From bda9c06488abae5eb5072130295637e8877f54d7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ond=C5=99ej=20Hru=C5=A1ka?= <ondra@ondrovo.com>
Date: Tue, 7 Aug 2018 22:39:36 +0200
Subject: [PATCH] use btn-group for up/down buttons

---
 .../assets/js/components/ColumnEditorAdvanced.vue     | 11 +++--------
 1 file changed, 3 insertions(+), 8 deletions(-)

diff --git a/resources/assets/js/components/ColumnEditorAdvanced.vue b/resources/assets/js/components/ColumnEditorAdvanced.vue
index 747f1d0..135d833 100644
--- a/resources/assets/js/components/ColumnEditorAdvanced.vue
+++ b/resources/assets/js/components/ColumnEditorAdvanced.vue
@@ -13,11 +13,10 @@
       </thead>
       <tbody>
         <tr v-for="(col, i) in columns">
-          <td>
+          <td class="btn-group">
             <a href="" :class="['btn', 'btn-outline-secondary', {disabled: i==0}]" @click.prevent="move(i, -1)">
               <v-icon class="fa-chevron-up" alt="Move Up" />
-            </a><!--
-            --><a href="" :class="['btn', 'btn-outline-secondary', {disabled: i == (columns.length-1)}]" @click.prevent="move(i, 1)">
+            </a><a href="" :class="['btn', 'btn-outline-secondary', {disabled: i == (columns.length-1)}]" @click.prevent="move(i, 1)">
               <v-icon class="fa-chevron-down" alt="Move Down" />
             </a>
           </td>
@@ -37,7 +36,7 @@
           </td>
 
           <td class="text-nowrap">
-            <a href="" :class="['btn', 'btn-outline-secondary', {disabled: i==0}]" @click.prevent="delCol(i)">
+            <a href="" :class="['mr-1', 'btn', 'btn-outline-secondary', {disabled: i==0}]" @click.prevent="delCol(i)">
               <v-icon class="fa-trash-o" alt="Delete column" />
             </a><!--
             --><a href="" class="btn btn-outline-secondary" v-if="i === columns.length - 1"
@@ -62,10 +61,6 @@
     @include pr(1);
     @include py(1);
   }
-
-  td .btn {
-    @include mr(1);
-  }
 </style>
 
 <script>