From e6019ecf861c09100ddd407c828129423dee8ab5 Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Sat, 28 Jan 2023 20:46:01 -0800
Subject: [PATCH] Fix spacing

* Header menu width
* Width of weapon grid
* PartyDetails button
---
 components/DropdownMenuContent/index.scss |  3 +--
 components/PartyDetails/index.scss        |  4 ++--
 components/PartyDetails/index.tsx         | 12 ++++++------
 components/WeaponGrid/index.scss          |  4 ++++
 4 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/components/DropdownMenuContent/index.scss b/components/DropdownMenuContent/index.scss
index 7f837fda..ae38f67b 100644
--- a/components/DropdownMenuContent/index.scss
+++ b/components/DropdownMenuContent/index.scss
@@ -11,8 +11,7 @@
   z-index: 15;
 
   @include breakpoint(phone) {
-    left: $unit-2x;
-    right: $unit-2x;
+    min-width: 50vw;
   }
 }
 
diff --git a/components/PartyDetails/index.scss b/components/PartyDetails/index.scss
index fb429940..0b0fb4c3 100644
--- a/components/PartyDetails/index.scss
+++ b/components/PartyDetails/index.scss
@@ -1,6 +1,7 @@
 .DetailsWrapper {
   display: flex;
   flex-direction: column;
+  gap: $unit-2x;
   margin: $unit-4x auto 0 auto;
   max-width: $grid-width;
 
@@ -293,13 +294,12 @@
     flex-direction: row;
     gap: $unit;
     margin: 0 auto;
-    margin-bottom: $unit * 2;
     max-width: $unit * 94;
     width: 100%;
 
     @include breakpoint(phone) {
       flex-direction: column;
-      gap: $unit-2x;
+      gap: $unit;
       padding: 0 $unit;
     }
 
diff --git a/components/PartyDetails/index.tsx b/components/PartyDetails/index.tsx
index 8d57f0f9..369016be 100644
--- a/components/PartyDetails/index.tsx
+++ b/components/PartyDetails/index.tsx
@@ -743,17 +743,17 @@ const PartyDetails = (props: Props) => {
               )}
             </div>
           </div>
-          <div className="Right">
-            {party.editable ? (
+          {party.editable ? (
+            <div className="Right">
               <Button
                 leftAccessoryIcon={<EditIcon />}
                 text={t('buttons.show_info')}
                 onClick={toggleDetails}
               />
-            ) : (
-              <div />
-            )}
-          </div>
+            </div>
+          ) : (
+            ''
+          )}
         </div>
         {readOnly}
         {editable}
diff --git a/components/WeaponGrid/index.scss b/components/WeaponGrid/index.scss
index c20da5c6..7d04123d 100644
--- a/components/WeaponGrid/index.scss
+++ b/components/WeaponGrid/index.scss
@@ -4,6 +4,10 @@
   flex-direction: column;
   justify-content: center;
 
+  @include breakpoint(phone) {
+    margin: 0 2px;
+  }
+
   #MainGrid {
     display: grid;
     gap: $unit-3x;