fix padding on icon only buttons

2023-04-18 09:55:16 +10:00
parent 81fc33183c
commit 9fa9689db9
1 changed files with 7 additions and 1 deletions
--- 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 {