use outline instead of border

OSC · Sep 22, 2023 · 4c196a2 · 4c196a2
1 parent 29332c8
commit 4c196a2
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 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: 0.25em solid rgb(26, 118, 211);
+  outline: 0.25em solid rgb(26, 118, 211);
   border-radius: 10%;
 
   &:hover {
-    border: 0.4em solid rgb(26, 118, 211);
+    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: 0.15em solid rgb(26, 118, 211);
+  outline: 0.15em solid rgb(26, 118, 211);
   // border-radius: 10%;
 
   &:hover {
-    border: 0.4em solid rgb(26, 118, 211);
+    outline: 0.4em solid rgb(26, 118, 211);
   }
 }