From 04caf85d3a5d7e279f4d699f5175528aaead6d75 Mon Sep 17 00:00:00 2001
From: Jeff Ohrstrom <johrstrom@osc.edu>
Date: Fri, 22 Sep 2023 11:58:43 -0400
Subject: [PATCH] thicken border on hover instead of resizing (#3062)

* thicken border on hover instead of resizing

* use outline instead of border
---
 apps/dashboard/app/javascript/stylesheets/projects.scss | 4 ++--
 apps/dashboard/app/javascript/stylesheets/scripts.scss  | 8 ++++----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/apps/dashboard/app/javascript/stylesheets/projects.scss b/apps/dashboard/app/javascript/stylesheets/projects.scss
index 837265a780..40249a0409 100644
--- 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
index 0c4d1ffa74..c238ba9cd1 100644
--- 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;
-}
\ No newline at end of file
+}