Merge pull request #14495 from ElectronicBlueberry/dataset-operations-hover

Fix dataset operations inconsistent hover styles

client/src/components/History/Content/ContentItem.vue

@@ -224,7 +224,7 @@ export default {
     },
 };
 </script>
-<style>
+<style lang="scss">
 .content-item:hover {
     filter: brightness(105%);
 }

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