From 8df60c0e1d3d5f9e96f3922e9b314258ee575073 Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Thu, 3 Feb 2022 19:50:26 -0800
Subject: [PATCH] Fix some bugs with SCSS nesting

---
 components/WeaponUnit/index.scss | 21 +++++++++++++--------
 1 file changed, 13 insertions(+), 8 deletions(-)

diff --git a/components/WeaponUnit/index.scss b/components/WeaponUnit/index.scss
index ea2b8c22..4e8d01b5 100644
--- a/components/WeaponUnit/index.scss
+++ b/components/WeaponUnit/index.scss
@@ -2,6 +2,11 @@
     display: flex;
     flex-direction: column;
     gap: 4px;
+    min-height: 139px;
+
+    @media (max-width: $medium-screen) {
+        min-height: auto;
+    }
 
     &.editable .WeaponImage:hover {
         border: $hover-stroke;
@@ -61,6 +66,14 @@
         display: none;
     }
 
+    h3 {
+        color: $grey-00;
+        font-size: $font-button;
+        font-weight: $normal;
+        margin: 0;
+        text-align: center;
+    }
+
     .WeaponImage {
         background: white;
         border: 1px solid rgba(0, 0, 0, 0);
@@ -76,14 +89,6 @@
             fill: $grey-10;
         }
 
-        h3 {
-            color: $grey-00;
-            font-size: $font-regular;
-            font-weight: $medium;
-            margin: 0;
-            text-align: center;
-        }
-
         img {
             position: relative;
             width: 100%;