From b66b053bf0b3a9591fcd4c79761926045d382d23 Mon Sep 17 00:00:00 2001
From: ntr <ntr@smokestack.io>
Date: Fri, 17 Jan 2020 17:17:33 +1000
Subject: [PATCH] biggify buttons

---
 client/assets/styles/menu.less    |  1 -
 client/src/components/play.jsx    | 16 +++++++++-------
 client/src/components/reshape.jsx | 20 ++++++++++----------
 3 files changed, 19 insertions(+), 18 deletions(-)

diff --git a/client/assets/styles/menu.less b/client/assets/styles/menu.less
index 510ede43..c9890991 100644
--- a/client/assets/styles/menu.less
+++ b/client/assets/styles/menu.less
@@ -115,7 +115,6 @@ section {
         font-size: 1.5em;
         display: flex;
         flex-flow: column;
-        height: 5em;
     }
 
     letter-spacing: 0.25em;
diff --git a/client/src/components/play.jsx b/client/src/components/play.jsx
index 044d529a..1450a2df 100644
--- a/client/src/components/play.jsx
+++ b/client/src/components/play.jsx
@@ -221,13 +221,15 @@ function Play(args) {
             <div>
                 <h1 class="credits">¤ {account.balance}</h1>
                 <div class='list'>
-                    {subscription}
-                    <button
-                        onClick={() => setNav('shop')}
-                        class="yellow-btn"
-                        role="link">
-                        Get Credits
-                    </button>
+                    <figure>{subscription}</figure>
+                    <figure>
+                        <button
+                            onClick={() => setNav('shop')}
+                            class="yellow-btn"
+                            role="link">
+                            Get Credits
+                        </button>
+                    </figure>
                 </div>
                 <div>
                     Join our Discord server to find opponents and talk to the devs. <br />
diff --git a/client/src/components/reshape.jsx b/client/src/components/reshape.jsx
index 835f4a8e..810db6da 100644
--- a/client/src/components/reshape.jsx
+++ b/client/src/components/reshape.jsx
@@ -106,19 +106,19 @@ function Reshape(args) {
             <div>
                 <h1 class="credits">¤ {account.balance}</h1>
                 <div class='list'>
-                    {subscription}
-                    <button
-                        onClick={() => setNav('shop')}
-                        class="yellow-btn"
-                        role="link">
-                        Get Credits
-                    </button>
-                    <div id="error-message"></div>
-                </div>
-                <div class='list'>
+                    <figure>{subscription}</figure>
+                    <figure>
+                        <button
+                            onClick={() => setNav('shop')}
+                            class="yellow-btn"
+                            role="link">
+                            Get Credits
+                        </button>
+                    </figure>
                     {shop.owned.map(useMtx)}
                     {shop.available.map(availableMtx)}
                 </div>
+                <div id="error-message"></div>
             </div>
         </section>
     );