From ad5cc846176fc1534ed7c36f5d8f8f3350c73116 Mon Sep 17 00:00:00 2001
From: ntr <ntr@smokestack.io>
Date: Sat, 1 Jun 2019 20:27:32 +1000
Subject: [PATCH] mobile styles

---
 WORKLOG.md                               |  2 ++
 client/assets/styles/instance.css        |  6 +-----
 client/assets/styles/instance.mobile.css | 21 ++++++++++++++++++---
 client/src/components/skill.btn.jsx      |  1 +
 4 files changed, 22 insertions(+), 8 deletions(-)

diff --git a/WORKLOG.md b/WORKLOG.md
index b8bc44c9..5f6b105c 100644
--- a/WORKLOG.md
+++ b/WORKLOG.md
@@ -34,6 +34,8 @@
 
 *CLIENT*
 
+targeting arrows back?
+
 *SERVER*
 * std game mode
   * time control
diff --git a/client/assets/styles/instance.css b/client/assets/styles/instance.css
index 3503fefb..d5397595 100644
--- a/client/assets/styles/instance.css
+++ b/client/assets/styles/instance.css
@@ -177,11 +177,7 @@
     padding: 0.5em;
     border: 2px solid #222;
     border-left-width: 0;
-/*    transition-property: all;
-    transition-duration: 0.5s;
-    transition-delay: 0;
-    transition-timing-function: ease;
-*/}
+}
 
 .instance-construct:first-child, .instance-construct-active:first-child {
     margin-left: 0;
diff --git a/client/assets/styles/instance.mobile.css b/client/assets/styles/instance.mobile.css
index 5847dfd1..9be00cc4 100644
--- a/client/assets/styles/instance.mobile.css
+++ b/client/assets/styles/instance.mobile.css
@@ -35,6 +35,7 @@
     .instance.constructs-visible .equip {
         display: initial;
         grid-area: vbox;
+        margin: 0 0 0.5em 0;
     }
 
     .instance.constructs-visible .highlight {
@@ -64,6 +65,10 @@
         align-items: stretch;
     }
 
+    .equip .skills {
+        border-bottom: 0;
+    }
+
     .instance-construct {
         grid-row: 2;
         display: grid;
@@ -72,7 +77,7 @@
             "name   "
             "avatar ";
         padding: 0.5em;
-        border: 2px solid #222;
+        border: 1px solid #222;
         transition-property: all;
         transition-duration: 0.5s;
         transition-delay: 0;
@@ -91,6 +96,9 @@
         display: none;
     }
 
+    .instance-construct-active .avatar {
+        min-height: 150px;
+    }
 
     .instance-construct-active {
         grid-row: 1;
@@ -104,19 +112,26 @@
             "avatar "
             "stats  ";
 
-        /*margin: 0 2em;*/
         padding: 0.5em;
-        border: 2px solid #222;
+        border: none;
         transition-property: all;
         transition-duration: 0.5s;
         transition-delay: 0;
         transition-timing-function: ease;
     }
 
+    .instance-construct-active .specs {
+        margin: 0;
+    }
+
     .instance-construct-active img {
         width: 55px;
     }
 
+    .instance-construct:last-child {
+        border-left-width: 0;
+    }
+
 
     /* Construct Stuff */
 
diff --git a/client/src/components/skill.btn.jsx b/client/src/components/skill.btn.jsx
index 1f2e2740..35e88aca 100644
--- a/client/src/components/skill.btn.jsx
+++ b/client/src/components/skill.btn.jsx
@@ -44,6 +44,7 @@ function Skill(props) {
             <button
                 disabled='true'
                 className='construct-skill-btn disabled'>
+                &nbsp;
             </button>
         );
     }