From c41dafbeeb88ab6f5d9a034076d075c8ec9e444a Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Thu, 26 Jan 2023 02:25:52 -0800
Subject: [PATCH] More CSS fixes

---
 components/JobAccessoryPopover/index.scss | 46 +++++++++++++++++++++--
 1 file changed, 43 insertions(+), 3 deletions(-)

diff --git a/components/JobAccessoryPopover/index.scss b/components/JobAccessoryPopover/index.scss
index d571ebc6..88ac72d4 100644
--- a/components/JobAccessoryPopover/index.scss
+++ b/components/JobAccessoryPopover/index.scss
@@ -2,15 +2,28 @@
   padding: $unit-2x;
   min-width: 40vw;
   max-width: 40vw;
+  max-height: 40vh;
+  overflow-y: scroll;
+  margin-left: $unit-2x;
+
+  h3 {
+    font-size: $font-regular;
+    font-weight: $medium;
+    margin: 0 0 $unit $unit;
+  }
+
+  &.ReadOnly {
+    min-width: inherit;
+    max-width: inherit;
+  }
 
   @include breakpoint(tablet) {
-    width: 100%;
+    width: initial;
     max-width: initial;
   }
 
   @include breakpoint(phone) {
-    padding: $unit;
-    width: 100%;
+    width: initial;
     max-width: initial;
   }
 
@@ -24,4 +37,31 @@
       gap: 0;
     }
   }
+
+  .EquippedAccessory {
+    display: flex;
+    flex-direction: column;
+    gap: $unit-2x;
+
+    h3 {
+      margin: 0;
+    }
+
+    .Accessory {
+      display: flex;
+      flex-direction: column;
+      gap: $unit;
+
+      h4 {
+        font-size: $font-small;
+        font-weight: $medium;
+        text-align: center;
+      }
+
+      img {
+        border-radius: $item-corner;
+        width: 150px;
+      }
+    }
+  }
 }