unlock info size from store/stash divider

client/assets/styles/styles.mobile.less

@@ -253,7 +253,7 @@
         grid-template-areas:
             "store-hdr store-hdr stash-hdr stash-hdr"
             "store store stash stash"
-            "store store combiner combiner";
+            "store store info-combiner info-combiner";
 
         > div {
             padding: 0.25em;
@@ -267,8 +267,12 @@
             display: none;
         }
 
+        .info-combiner {
             .combiner {
                 margin: 0;
+                width: 100%;
+                height: 100%;
+            }
         }
 
         .stash {

client/assets/styles/vbox.less

@@ -5,8 +5,8 @@
     grid-template-rows: 3fr minmax(min-content, 2fr);
     grid-template-columns: 1fr 4fr 6fr min-content;
     grid-template-areas:
-        "store-hdr store info combos"
-        "stash-hdr stash combiner combos";
+        "store-hdr store info-combiner combos"
+        "stash-hdr stash info-combiner combos";
     margin-bottom: 1em;
 
     // immediate children
@@ -169,8 +169,18 @@
         }
     }
 
+    .info-combiner {
+        grid-area: info-combiner;
+        display: grid;
+        grid-template-areas:
+            "info"
+            "combiner";
+        grid-template-rows: min-content 1fr;
+
         .info {
+            grid-area: info;
             line-height: 1.6;
+            height: 100%;
 
             h2 {
                 text-transform: uppercase;
@@ -196,14 +206,12 @@
             }
 
             margin-left: 1em;
-        grid-area: info;
         }
 
         .combiner {
             grid-area: combiner;
-        // align-self: flex-end;
-        height: 100%;
-        margin: 0 0.5em;
+            margin: 1em 0.5em;
+            width: 50%;
             line-height: 1.3;
             font-size: 1.25em;
             letter-spacing: 0.1em;
@@ -212,6 +220,8 @@
                 border: 0.1em solid @gray-hover;
             }
         }
+        // align-self: flex-end;
+    }
 
     .combos {
         display: grid;

client/src/components/vbox.component.jsx

@@ -223,6 +223,8 @@ class Vbox extends preact.Component {
                     vboxHighlight = {vboxHighlight}
                     vboxHover = {vboxHover}
                 />
+                <div class='info-combiner'>
+                    <InfoContainer />
                     <Combiner
                         vbox={vbox}
                         vboxCombiner={vboxCombiner}
@@ -230,8 +232,8 @@ class Vbox extends preact.Component {
                         vboxBuySelected={vboxBuySelected}
                         sendVboxCombine={sendVboxCombine}
                     />
+                </div>
                 <Combos />
-                <InfoContainer />
             </div>
         );
     }