From 33d0d9f6e4223c9a72af952eb50a25c3f43a728c Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Sun, 2 Jul 2023 02:27:34 -0700
Subject: [PATCH] Fix visual bugs in GridRep

* Fixes the mainhand height not always being full height when the container was being responsively resized
* Adjusts the color of empty grid rectangles for dark and light mode and when being hovered over
---
 components/GridRep/index.module.scss | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/components/GridRep/index.module.scss b/components/GridRep/index.module.scss
index 6a3d490f..e208225d 100644
--- a/components/GridRep/index.module.scss
+++ b/components/GridRep/index.module.scss
@@ -18,13 +18,12 @@
       text-decoration: none;
     }
 
-    h2,
-    .Grid {
+    .weaponGrid {
       cursor: pointer;
-    }
 
-    .Grid .Weapon {
-      box-shadow: inset 0 0 0 1px var(--grid-border-color);
+      .weapon {
+        background: var(--unit-bg-hover);
+      }
     }
 
     @include breakpoint(phone) {
@@ -43,7 +42,7 @@
     grid-gap: $unit; /* add a gap of 8px between grid items */
 
     .weapon {
-      background: var(--card-bg);
+      background: var(--unit-bg);
       border-radius: 4px;
     }
 
@@ -51,7 +50,7 @@
       aspect-ratio: 73/153;
       display: grid;
       grid-column: 1 / 2; /* spans one column */
-      max-height: 153px;
+      height: calc(100% - $unit-fourth);
     }
 
     .weapons {