From 687c4efd2660ecfa468715a5397a1f469556a9b4 Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Sat, 26 Feb 2022 18:33:03 -0800
Subject: [PATCH] Fix empty slots in GridRep

---
 components/GridRep/index.scss | 13 ++++++++-----
 components/GridRep/index.tsx  |  2 +-
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/components/GridRep/index.scss b/components/GridRep/index.scss
index 01d9d4f8..6291737e 100644
--- a/components/GridRep/index.scss
+++ b/components/GridRep/index.scss
@@ -9,8 +9,8 @@
         background: white;
         cursor: pointer;
 
-        .Grid .grid_weapons .grid_weapon {
-            box-shadow: inset 0 0 1px $grey-70;
+        .Grid .weapon {
+            box-shadow: inset 0 0 0 1px $grey-80;
         }
     }
 
@@ -19,10 +19,15 @@
         flex-direction: row;
         flex-shrink: 0;
 
+        .weapon {
+            background: white;
+            border-radius: 4px;
+        }
+
         .grid_mainhand {
             margin-right: $unit;
             height: 139px;
-            width: auto;
+            width: 66px;
         }
 
         .grid_weapons {
@@ -36,8 +41,6 @@
         }
 
         .grid_weapon {
-            background: white;
-            border-radius: 4px;
             float: left;
             height: 40px;
             width: 70px;
diff --git a/components/GridRep/index.tsx b/components/GridRep/index.tsx
index 14b0b785..dd2b6308 100644
--- a/components/GridRep/index.tsx
+++ b/components/GridRep/index.tsx
@@ -78,7 +78,7 @@ const GridRep = (props: Props) => {
                     {
                         Array.from(Array(numWeapons)).map((x, i) => {
                             return (
-                                <li key={`${props.shortcode}-${i}`} className="grid_weapon">
+                                <li key={`${props.shortcode}-${i}`} className="weapon grid_weapon">
                                     {generateGridImage(i)}
                                 </li>
                             )