From ddb10ca531bf5fbedcb78322fc51ae967c401244 Mon Sep 17 00:00:00 2001
From: Mashy <himesh.kapadia@gmail.com>
Date: Wed, 15 May 2019 17:54:27 +1000
Subject: [PATCH] vbox spacing fixes

---
 client/instance.css | 29 +++++++++++++----------------
 1 file changed, 13 insertions(+), 16 deletions(-)

diff --git a/client/instance.css b/client/instance.css
index 8aed01dc..a21973a7 100644
--- a/client/instance.css
+++ b/client/instance.css
@@ -13,7 +13,7 @@
 }
 
 .instance-info {
-    flex: 0 1 50%;
+    flex: 0 1 35%;
     padding-left: 1em;
 }
 
@@ -28,22 +28,20 @@
 
 .vbox {
     display: flex;
-    flex: 0 0 50%;
+    flex: 0 0 65%;
 }
 
 .vbox-box {
-    justify-self: end;
-    max-width: 450px;
     display: flex;
     flex-flow: row wrap;
-    padding-right: 50px;
+    padding-right: 5%;
+    flex: 0 0 50%;
 }
 
 .vbox-inventory {
-    justify-self: start;
-    max-width: 450px;
     display: flex;
     flex-flow: row wrap;
+    flex: 0 0 50%;
 }
 
 .ready-btn {
@@ -158,14 +156,12 @@
 
 .instance-cryp {
     display: grid;
-    grid-template-columns: repeat(5, 1fr);
-    grid-template-rows: repeat(5, 1fr);
+    grid-template-columns: auto min-content;
+    grid-template-rows: min-content auto min-content;
     grid-template-areas:
-        "sp sp sp sp sp"
-        "av av av sk sk"
-        "av av av sk sk"
-        "av av av sk sk"
-        "st st st st st";
+        "sp sp"
+        "av sk"
+        "st st";
     margin-left: 1em;
     border: 1px solid whitesmoke;
     transition-property: all;
@@ -200,11 +196,13 @@
     grid-area: sk;
     display: flex;
     flex-flow: column;
+    min-width: 150px;
 }
 
 .instance-cryp .skills button {
     height: 100%;
     width: 100%;
+    padding: 10px;
 }
 
 .instance-cryp .specs {
@@ -298,7 +296,6 @@
 .instance-equip .label {
     display: flex;
     font-size: 20pt;
-    padding: 10px;
 
 }
 .instance-equip .skills {
@@ -339,7 +336,7 @@ button.equip {
 
 .instance-equip .specs {
     display: flex;
-    padding-left: 50px;
+    padding-left: 5%;
     flex-direction: column;
 }