From 9fa9689db9a63a9c34a89cffb617ea862a0b3fc7 Mon Sep 17 00:00:00 2001
From: James Collins <james.collins@outlook.com.au>
Date: Tue, 18 Apr 2023 09:55:16 +1000
Subject: [PATCH] fix padding on icon only buttons

---
 resources/js/components/SMButton.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/resources/js/components/SMButton.vue b/resources/js/components/SMButton.vue
index 857e233..8e58036 100644
--- a/resources/js/components/SMButton.vue
+++ b/resources/js/components/SMButton.vue
@@ -32,7 +32,9 @@
                 {{ label }}
                 <ion-icon v-if="icon && iconLocation == 'after'" :icon="icon" />
             </span>
-            <span v-else-if="icon.length > 0" class="button-label">
+            <span
+                v-else-if="icon.length > 0"
+                class="button-label button-label-icon">
                 <ion-icon :icon="icon" />
             </span>
             <span v-else class="button-label">
@@ -198,6 +200,10 @@ const handleClickItem = (item: string) => {
             height: 28px;
             margin: -8px 0;
         }
+
+        &.button-label-icon {
+            margin: 0 -32px;
+        }
     }
 
     &.button-dropdown {