more bulma

client/src/components/body.component.jsx

@@ -13,6 +13,7 @@ function renderBody() {
                 <div className="column">
                     <CrypSpawnContainer />
                 </div>
+                <div className="column">
                     <div className="columns">
                         <div className="column is-8">
                             <CrypListContainer />
@@ -22,6 +23,7 @@ function renderBody() {
                         </div>
                     </div>
                 </div>
+            </div>
             <div className="column">
                 <BattleContainer />
             </div>

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>
     );

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"

client/src/components/item.list.jsx

@@ -27,7 +27,7 @@ function ItemList({ items, sendItemUse }) {
         </div>
     ));
     return (
-        <div className="tile is-parent" >
+        <div>
             {itemPanels}
         </div>
     );