feat: port css to stop editor buttons from changing size when focusing

epochtalk · Nov 16, 2021 · a0f0889 · a0f0889
1 parent 8991077
commit a0f0889
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/src/components/layout/Editor.vue b/src/components/layout/Editor.vue
@@ -742,7 +742,7 @@ export default {
     height: 3rem;
     text-align: right;
     width: 100%;
-    button {
+    button, button:hover, button:focus {
       margin-right: 1.9%;
       padding: 0.35rem 1rem;
       &:last-child { margin-right: 0; }
@@ -751,7 +751,10 @@ export default {
         background-color: transparent;
         color: $secondary-font-color;
         display: inline-block;
-        &:hover { color: $color-primary; }
+        &:hover {
+          color: $color-primary;
+          background-color: transparent;
+        }
       }
     }
   }