CE-524: Update equipment view styles (#294)

bcgov · Mar 1, 2024 · 09c04ae · 09c04ae
1 parent 21f04c6
commit 09c04ae
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 5 deletions.
diff --git a/frontend/src/app/components/containers/complaints/outcomes/hwcr-equipment/equipment-item.tsx b/frontend/src/app/components/containers/complaints/outcomes/hwcr-equipment/equipment-item.tsx
@@ -33,7 +33,7 @@ export const EquipmentItem: FC<EquipmentItem> = ({
       <div className="equipment-item-header">
         <div className="title">
           <h6>{equipment.type?.label}</h6>
-          {isActive && <div>Active</div>}
+          {isActive && <div className="badge">Active</div>}
         </div>
         <button
           className="button-text equipment-item-edit" 

diff --git a/frontend/src/assets/sass/hwcr-equipment.scss b/frontend/src/assets/sass/hwcr-equipment.scss
@@ -61,7 +61,7 @@
     position: absolute;
     top: 0px;
     left: 0px;
-    background-color:#328443;
+    background-color: $bc-gov-success;
     width: 12px;
     height: 100%;
   }
@@ -80,8 +80,8 @@
         margin-right: 16px;
       }
       div {
-        color: #328443;
-        background-color: #EAF3EC;
+        color: $bc-standard-06;
+        background-color: $bc-gov-info;
         font-size: 12px;
         font-weight: 700;
         padding: 0px 12px;
@@ -91,11 +91,15 @@
 
     .equipment-item-edit {
       font-size: 14px;
-  
+
       span {
         margin-right: 7px;
       }
     }
+
+    .equipment-item-edit:hover {
+      text-decoration-line: underline;
+    }
   }
 
   .equipment-item-content {