From dcdd9a232bc1336b3cfe5ce15b286378926af550 Mon Sep 17 00:00:00 2001
From: ntr <ntr@smokestack.io>
Date: Mon, 15 Oct 2018 23:30:31 +1100
Subject: [PATCH] more bulma

---
 client/src/components/body.component.jsx    | 14 ++++++++------
 client/src/components/cryp.list.jsx         |  3 ++-
 client/src/components/cryp.spawn.button.jsx |  2 +-
 client/src/components/item.list.jsx         |  2 +-
 4 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/client/src/components/body.component.jsx b/client/src/components/body.component.jsx
index f4bbfaea..57de5656 100644
--- a/client/src/components/body.component.jsx
+++ b/client/src/components/body.component.jsx
@@ -13,12 +13,14 @@ function renderBody() {
                 <div className="column">
                     <CrypSpawnContainer />
                 </div>
-                <div className="columns">
-                    <div className="column is-8">
-                        <CrypListContainer />
-                    </div>
-                    <div className="column">
-                        <ItemListContainer />
+                <div className="column">
+                    <div className="columns">
+                        <div className="column is-8">
+                            <CrypListContainer />
+                        </div>
+                        <div className="column">
+                            <ItemListContainer />
+                        </div>
                     </div>
                 </div>
             </div>
diff --git a/client/src/components/cryp.list.jsx b/client/src/components/cryp.list.jsx
index 87cd8c75..531a735a 100644
--- a/client/src/components/cryp.list.jsx
+++ b/client/src/components/cryp.list.jsx
@@ -31,7 +31,8 @@ function CrypList({ cryps, sendCombatPve }) {
         </div>
     ));
     return (
-        <div className="tile is-parent is-vertical" >
+        // <div className="tile is-parent is-vertical" >
+        <div>
             {crypPanels}
         </div>
     );
diff --git a/client/src/components/cryp.spawn.button.jsx b/client/src/components/cryp.spawn.button.jsx
index f55ce1ab..2610bab8 100644
--- a/client/src/components/cryp.spawn.button.jsx
+++ b/client/src/components/cryp.spawn.button.jsx
@@ -16,7 +16,7 @@ function renderSpawnButton({ account, sendCrypSpawn }) {
                     onChange={e => (name = e.target.value)}
                 />
             </div>
-            <div className="column is-3">
+            <div className="column is-4">
                 <button
                     className="button is-dark is-fullwidth"
                     type="submit"
diff --git a/client/src/components/item.list.jsx b/client/src/components/item.list.jsx
index 95b2f31b..3fb705e4 100644
--- a/client/src/components/item.list.jsx
+++ b/client/src/components/item.list.jsx
@@ -27,7 +27,7 @@ function ItemList({ items, sendItemUse }) {
         </div>
     ));
     return (
-        <div className="tile is-parent" >
+        <div>
             {itemPanels}
         </div>
     );