From 89e157dc6d4f85513d4d61f969dd13f32296555a Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Tue, 29 Nov 2022 02:05:53 -0800
Subject: [PATCH] Refactor CSS

---
 components/JobSkillItem/index.scss | 26 +++++++++++++++-----------
 1 file changed, 15 insertions(+), 11 deletions(-)

diff --git a/components/JobSkillItem/index.scss b/components/JobSkillItem/index.scss
index 3d944180..55cd1ea5 100644
--- a/components/JobSkillItem/index.scss
+++ b/components/JobSkillItem/index.scss
@@ -3,20 +3,24 @@
   gap: $unit;
   align-items: center;
 
-  &:hover p.placeholder {
-    color: $grey-20;
-  }
-
-  &.editable:hover > img,
-  &.editable:hover > .placeholder {
-    border: $hover-stroke;
-    box-shadow: $hover-shadow;
+  &.editable:hover {
     cursor: pointer;
-    transform: $scale-tall;
+
+    & > img,
+    & > div.placeholder {
+      border: $hover-stroke;
+      box-shadow: $hover-shadow;
+      cursor: pointer;
+      transform: $scale-tall;
+    }
+
+    & p.placeholder {
+      color: $grey-20;
+    }
   }
 
   & > img,
-  & > .placeholder {
+  & > div.placeholder {
     background: white;
     border-radius: calc($unit / 2);
     border: 1px solid rgba(0, 0, 0, 0);
@@ -24,7 +28,7 @@
     height: $unit * 5;
   }
 
-  & > .placeholder {
+  & > div.placeholder {
     display: flex;
     align-items: center;
     justify-content: center;