From 0bdb026cf1fdef63c56372036dac08123c2e5137 Mon Sep 17 00:00:00 2001
From: ArneBo <arne@ecobasa.org>
Date: Wed, 15 Jan 2025 11:09:01 +0100
Subject: [PATCH] fix(ui) icon in options button with empty span gets moved to
 the side

---
 front/src/components/ui/button/Options.vue  | 8 +++++++-
 front/src/components/ui/button/options.scss | 3 +++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/front/src/components/ui/button/Options.vue b/front/src/components/ui/button/Options.vue
index a3b0ce085..a7263542e 100644
--- a/front/src/components/ui/button/Options.vue
+++ b/front/src/components/ui/button/Options.vue
@@ -3,7 +3,13 @@ import Button from '../Button.vue'
 </script>
 
 <template>
-  <Button icon="bi-three-dots-vertical" class="options-button" color="secondary" variant="ghost" />
+  <Button
+    icon="bi-three-dots-vertical"
+    class="options-button"
+    secondary
+    raised
+    round
+  />
 </template>
 
 <style lang="scss">
diff --git a/front/src/components/ui/button/options.scss b/front/src/components/ui/button/options.scss
index 5aa52ad41..986cbbef5 100644
--- a/front/src/components/ui/button/options.scss
+++ b/front/src/components/ui/button/options.scss
@@ -4,5 +4,8 @@
     transition: all .2s ease;
     font-size: 0.6rem !important;
     padding: 0.6em !important;
+    span {
+      display: none;
+    }
   }
 }