From a8b2368676972dd83c688487110b471a0f62a2a2 Mon Sep 17 00:00:00 2001
From: ArneBo <arne@ecobasa.org>
Date: Sun, 19 Jan 2025 17:21:10 +0100
Subject: [PATCH] feat(ui): ghost option buttons

---
 front/src/components/audio/PlayButton.vue | 1 +
 front/src/components/ui/Card.vue          | 3 +--
 front/src/views/content/remote/Card.vue   | 1 +
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/front/src/components/audio/PlayButton.vue b/front/src/components/audio/PlayButton.vue
index ca3f6f022..6f8565657 100644
--- a/front/src/components/audio/PlayButton.vue
+++ b/front/src/components/audio/PlayButton.vue
@@ -118,6 +118,7 @@ const isOpen = ref(false)
     <OptionsButton
       v-if="dropdownOnly"
       @click="isOpen = !isOpen"
+      ghost
     />
     <Button
       v-else
diff --git a/front/src/components/ui/Card.vue b/front/src/components/ui/Card.vue
index 1a13769d0..8090972ec 100644
--- a/front/src/components/ui/Card.vue
+++ b/front/src/components/ui/Card.vue
@@ -115,7 +115,7 @@ const attributes = computed(() =>
 
   color: var(--fw-text-color);
   background-color: var(--fw-bg-color);
-  box-shadow: 0px 4px 6px 0px rgb(0 0 0 / 20%);
+  box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 20%);
 
   border-radius: var(--fw-border-radius);
   font-size: 1rem;
@@ -194,7 +194,6 @@ const attributes = computed(() =>
     position: absolute;
     top: 0;
     right: 0;
-    padding: 14px;
   }
 
   >.alert {
diff --git a/front/src/views/content/remote/Card.vue b/front/src/views/content/remote/Card.vue
index 2cce1b6a5..db908e03e 100644
--- a/front/src/views/content/remote/Card.vue
+++ b/front/src/views/content/remote/Card.vue
@@ -173,6 +173,7 @@ const isOpen = ref(false)
         <template #default="{ toggleOpen }">
           <OptionsButton
             @click="toggleOpen"
+            ghost
           />
         </template>
         <template #items>