thicken border on hover instead of resizing (#3062)

* thicken border on hover instead of resizing * use outline instead of border
OSC · Sep 22, 2023 · 04caf85 · 04caf85
1 parent 4c9bd99
commit 04caf85
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/apps/dashboard/app/javascript/stylesheets/projects.scss b/apps/dashboard/app/javascript/stylesheets/projects.scss
@@ -3,11 +3,11 @@
   padding: 0.3rem;
   margin: 0.5rem;
 
-  border: 4px solid rgb(26, 118, 211);
+  outline: 0.25em solid rgb(26, 118, 211);
   border-radius: 10%;
 
   &:hover {
-    transform: scale(0.98);
+    outline: 0.4em solid rgb(26, 118, 211);
   }
 
   a {

diff --git a/apps/dashboard/app/javascript/stylesheets/scripts.scss b/apps/dashboard/app/javascript/stylesheets/scripts.scss
@@ -1,13 +1,13 @@
 
 .editable-form-field {
   padding: 0.3rem;
-  margin: 0.5rem;
+  margin-bottom: 1em;
 
-  border: 2px solid rgb(26, 118, 211);
+  outline: 0.15em solid rgb(26, 118, 211);
   // border-radius: 10%;
 
   &:hover {
-    transform: scale(0.98);
+    outline: 0.4em solid rgb(26, 118, 211);
   }
 }
 
@@ -19,4 +19,4 @@
 
 .text-strike {
   text-decoration: line-through;
-}
+}