From e4d3ce0b6148e53e39f02d2b5d0a058b344152f9 Mon Sep 17 00:00:00 2001
From: Justin Edmund <383021+jedmund@users.noreply.github.com>
Date: Tue, 23 Apr 2024 01:35:52 -0700
Subject: [PATCH] Fix GridRep CSS

---
 components/reps/GridRep/index.module.scss | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/components/reps/GridRep/index.module.scss b/components/reps/GridRep/index.module.scss
index 7b113762..e4ccb00a 100644
--- a/components/reps/GridRep/index.module.scss
+++ b/components/reps/GridRep/index.module.scss
@@ -68,12 +68,12 @@
   }
 
   .gridContainer {
-    aspect-ratio: 2/0.95;
+    aspect-ratio: 2.1/1;
     width: 100%;
   }
 
   .characterGrid {
-    aspect-ratio: 2/0.95;
+    aspect-ratio: 2.1/1;
     display: flex;
     justify-content: space-between;
 
@@ -121,7 +121,7 @@
       border-radius: $item-corner-small;
       aspect-ratio: 69/142;
       list-style: none;
-      height: calc(100% - $unit-half);
+      height: calc(100% - $unit);
 
       img {
         border-radius: $item-corner-small;
@@ -131,9 +131,9 @@
   }
 
   .weaponGrid {
-    aspect-ratio: 2/0.8;
+    aspect-ratio: 3.25/1;
     display: grid;
-    grid-template-columns: 1fr 3.6fr; /* left column takes up 1 fraction, right column takes up 3 fractions */
+    grid-template-columns: 1fr 3.55fr; /* left column takes up 1 fraction, right column takes up 3 fractions */
     grid-gap: $unit; /* add a gap of 8px between grid items */
 
     .weapon {
@@ -145,7 +145,7 @@
       aspect-ratio: 73/153;
       display: grid;
       grid-column: 1 / 2; /* spans one column */
-      height: calc(100% - $unit-fourth);
+      height: 100%;
     }
 
     .weapons {
@@ -176,7 +176,7 @@
   }
 
   .summonGrid {
-    aspect-ratio: 2/0.94;
+    aspect-ratio: 2/0.91;
     display: flex;
     gap: $unit;
     justify-content: space-between;