From 34c4946ae0483b1ab821f6d0f976179ea3815735 Mon Sep 17 00:00:00 2001
From: Laila Los <44241786+ElectronicBlueberry@users.noreply.github.com>
Date: Tue, 23 Aug 2022 15:13:34 +0200
Subject: [PATCH] fix dataset buttons inconsistent hover

---
 client/src/components/History/Content/ContentItem.vue | 2 +-
 client/src/style/scss/base.scss                       | 9 ++++++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/client/src/components/History/Content/ContentItem.vue b/client/src/components/History/Content/ContentItem.vue
index 89701edd021..dba032d24ea 100644
--- a/client/src/components/History/Content/ContentItem.vue
+++ b/client/src/components/History/Content/ContentItem.vue
@@ -224,7 +224,7 @@ export default {
     },
 };
 </script>
-<style>
+<style lang="scss">
 .content-item:hover {
     filter: brightness(105%);
 }
diff --git a/client/src/style/scss/base.scss b/client/src/style/scss/base.scss
index 77f07418f1d..ad814502067 100644
--- a/client/src/style/scss/base.scss
+++ b/client/src/style/scss/base.scss
@@ -1003,11 +1003,18 @@ a.action-button {
     .btn:active,
     .btn:focus,
     .btn:focus-visible {
-        @extend .text-info;
         background-color: transparent !important;
         border-color: transparent !important;
         box-shadow: none !important;
     }
+
+    .btn:hover {
+        color: $brand-info;
+    }
+
+    .btn:active {
+        color: $brand-dark;
+    }
 }
 
 // A menu button is a button that has an attached popup menu