From b2daead1d5da05cb3ab7c8502a0ce5f378ca7a1d Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Tue, 25 Jan 2022 23:14:58 -0800
Subject: [PATCH] Update WeaponUnit

Flips text and uncap stars and makes the modal click target the image instead of the whole unit
---
 components/WeaponUnit/index.scss | 1 +
 components/WeaponUnit/index.tsx  | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/components/WeaponUnit/index.scss b/components/WeaponUnit/index.scss
index 93c26597..10d9818d 100644
--- a/components/WeaponUnit/index.scss
+++ b/components/WeaponUnit/index.scss
@@ -11,6 +11,7 @@
     display: flex;
     align-items: center;
     justify-content: center;
+    margin-bottom: 2px;
     overflow: hidden;
     transition: all 0.18s ease-in-out;
 }
diff --git a/components/WeaponUnit/index.tsx b/components/WeaponUnit/index.tsx
index 17e231dc..adf5e5b5 100644
--- a/components/WeaponUnit/index.tsx
+++ b/components/WeaponUnit/index.tsx
@@ -54,13 +54,13 @@ const WeaponUnit = (props: Props) => {
                     <img alt={weapon?.name.en} className="grid_image" src={imageUrl} />
                     { (props.editable) ? <span className='icon'><PlusIcon /></span> : '' }
                 </div>
+                <h3 className="WeaponName">{weapon?.name.en}</h3>
                 <UncapIndicator 
                     type="weapon"
                     ulb={weapon?.uncap.ulb || false} 
                     flb={weapon?.uncap.flb || false}
                     uncapLevel={3}
                 />
-                <h3 className="WeaponName">{weapon?.name.en}</h3>
             </div>
         </div>
     )