From dac63f9c35b4f86952b51291219efc5d4cc2ad29 Mon Sep 17 00:00:00 2001
From: Settel <settel@localhost>
Date: Thu, 11 Aug 2022 20:05:08 +0200
Subject: [PATCH] feat: show quote card action buttons only on hover

---
 client/src/components/QuoteCard.vue | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/client/src/components/QuoteCard.vue b/client/src/components/QuoteCard.vue
index 3b59a5a..32cd6c1 100644
--- a/client/src/components/QuoteCard.vue
+++ b/client/src/components/QuoteCard.vue
@@ -59,9 +59,15 @@ const deleteQuote = () => useEngine().deleteQuote(props.quote.id)
     font-size: 24px;
     text-align: center;
     cursor: default;
+
+  }
+
+  &__container:hover &__action-buttons {
+    visibility: visible;
   }
 
   &__action-buttons {
+    visibility: hidden;
     position: absolute;
     right: -28px;
     top: -24px;