getting somewhere

client/src/components/vbox.component.jsx

@@ -215,39 +215,43 @@ function Vbox(args) {
     const reclaimClass = `instance-btn instance-ui-btn vbox-btn ${reclaiming ? 'reclaiming' : ''}`;
 
     return (
-        <div className={classes} onClick={() => setReclaiming(false)} >
-            <div className="vbox-hdr">
-                <div onTouchStart={e => e.target.scrollIntoView(true)}>VBOX</div>
-                <div className="bits" >{vbox.bits}b</div>
+        <div className={classes}>
+            <div className='vbox-box' onClick={() => setReclaiming(false)} >
+                <div className="vbox-hdr">
+                    <div onTouchStart={e => e.target.scrollIntoView(true)}>VBOX</div>
+                    <div className="bits" >{vbox.bits}b</div>
+                </div>
+                <button
+                    className="instance-btn instance-ui-btn vbox-btn"
+                    onClick={() => sendVboxDiscard()}>
+                    Reroll
+                </button>
+                <table className="vbox-table">
+                    <tbody>
+                        {freeRows}
+                    </tbody>
+                </table>
+            </div>
+            <div className='vbox-inventory' onClick={() => setReclaiming(false)} >
+                <span onTouchStart={e => e.target.scrollIntoView(true)}>INVENTORY</span>
+                <button
+                    className={reclaimClass}
+                    onClick={reclaimClick}>
+                    reclaim
+                </button>
+                <table className="vbox-table">
+                    <tbody>
+                        {boundRows}
+                    </tbody>
+                </table>
+                <span onTouchStart={e => e.target.scrollIntoView(true)}>I-COMBINATOR</span>
+                <button
+                    className="instance-btn instance-ui-btn vbox-btn"
+                    onClick={() => sendVboxCombine()}>
+                    refine
+                </button>
+                {combinerElement}
             </div>
-            <button
-                className="instance-btn instance-ui-btn vbox-btn"
-                onClick={() => sendVboxDiscard()}>
-                Reroll
-            </button>
-            <table className="vbox-table">
-                <tbody>
-                    {freeRows}
-                </tbody>
-            </table>
-            <span onTouchStart={e => e.target.scrollIntoView(true)}>INVENTORY</span>
-            <button
-                className={reclaimClass}
-                onClick={reclaimClick}>
-                reclaim
-            </button>
-            <table className="vbox-table">
-                <tbody>
-                    {boundRows}
-                </tbody>
-            </table>
-            <span onTouchStart={e => e.target.scrollIntoView(true)}>I-COMBINATOR</span>
-            <button
-                className="instance-btn instance-ui-btn vbox-btn"
-                onClick={() => sendVboxCombine()}>
-                refine
-            </button>
-            {combinerElement}
         </div>
     );
 }