From 387b02d9ffe98cdd40705358080f8773c98869d6 Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Thu, 26 Jan 2023 01:30:56 -0800
Subject: [PATCH] Sort of fix CSS for JobAccessoryPopover

This still isn't exactly what we want, but it works on mobile so it's good enough
---
 components/JobAccessoryPopover/index.scss | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/components/JobAccessoryPopover/index.scss b/components/JobAccessoryPopover/index.scss
index 4d8afa01..d571ebc6 100644
--- a/components/JobAccessoryPopover/index.scss
+++ b/components/JobAccessoryPopover/index.scss
@@ -1,10 +1,27 @@
 .JobAccessory.Popover {
   padding: $unit-2x;
-  width: 504px;
+  min-width: 40vw;
+  max-width: 40vw;
+
+  @include breakpoint(tablet) {
+    width: 100%;
+    max-width: initial;
+  }
+
+  @include breakpoint(phone) {
+    padding: $unit;
+    width: 100%;
+    max-width: initial;
+  }
 
   .Accessories {
     display: grid;
     gap: $unit;
     grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
+
+    @include breakpoint(tablet) {
+      grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
+      gap: 0;
+    }
   }
 }