From 5e8939cddf547b694d1b7bf1225a5d25e42e904a Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Wed, 28 Dec 2022 23:15:09 -0800
Subject: [PATCH] Make GridRep more consistent

The mainhand is still slightly taller than the 9 grid weapons but this will do for now
---
 components/GridRep/index.scss | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/components/GridRep/index.scss b/components/GridRep/index.scss
index f36667a1..0b18dffa 100644
--- a/components/GridRep/index.scss
+++ b/components/GridRep/index.scss
@@ -38,10 +38,6 @@
     aspect-ratio: 2/1;
     display: grid;
     grid-template-columns: 1fr 3fr; /* left column takes up 1 fraction, right column takes up 3 fractions */
-    grid-template-rows: repeat(
-      3,
-      1fr
-    ); /* create 3 rows, each taking up 1 fraction */
     grid-gap: $unit; /* add a gap of 8px between grid items */
 
     .Weapon {
@@ -50,6 +46,8 @@
     }
 
     .Mainhand.Weapon {
+      aspect-ratio: 73/153;
+      display: grid;
       grid-column: 1 / 2; /* spans one column */
     }
 
@@ -67,7 +65,7 @@
     }
 
     .Grid.Weapon {
-      aspect-ratio: 160 / 92;
+      aspect-ratio: 280 / 160;
       display: grid;
     }
 
@@ -75,7 +73,6 @@
     .Grid.Weapon img[src*='jpg'] {
       border-radius: 4px;
       width: 100%;
-      height: 100%;
     }
   }