From e723ffa60a27b4b21d6faaf166092f564dcd5b24 Mon Sep 17 00:00:00 2001
From: ntr <ntr@smokestack.io>
Date: Fri, 5 Apr 2019 19:50:00 +1100
Subject: [PATCH] styles

---
 client/cryps.css                         | 10 +++++--
 client/src/components/game.component.jsx | 34 +++++++++++++++---------
 2 files changed, 29 insertions(+), 15 deletions(-)

diff --git a/client/cryps.css b/client/cryps.css
index 27835b03..02be754d 100644
--- a/client/cryps.css
+++ b/client/cryps.css
@@ -509,10 +509,10 @@ header {
     flex: 1;
 }
 
-.logs {
+/*.logs {
     flex: 0 0 100%;
 }
-
+*/
 .selected-skills {
     flex: 1 1 25%;
 
@@ -565,6 +565,12 @@ header {
         width: 100%;
     }
 
+    .menu-instance-btn {
+        margin-right: 0;
+        margin-bottom: 0.5em;
+        padding: 0.2em;
+    }
+
     .cryps {
         font-size: 0.75em;
         padding: 0 1em;
diff --git a/client/src/components/game.component.jsx b/client/src/components/game.component.jsx
index 8c3abc14..0ebc6a82 100644
--- a/client/src/components/game.component.jsx
+++ b/client/src/components/game.component.jsx
@@ -22,6 +22,26 @@ function GamePanel(props) {
     } = props;
 
     if (!game) return <div>...</div>;
+    if (showLog) {
+        const logs = game.log.map((l, i) => (<div key={i}>{l}</div>)).reverse();
+        return (
+            <main className="game">
+                <div className="instance-hdr">
+                    <button
+                        className="game-back-btn instance-btn instance-ui-btn left"
+                        onClick={() => toggleLog(!showLog)}>
+                        Game
+                    </button>
+                    <div className="spacer">
+                        <div>&nbsp;</div>
+                    </div>
+                </div>
+                <div className="logs">
+                    {logs}
+                </div>
+            </main>
+        );
+    }
 
     const header = (
         <div className="instance-hdr">
@@ -36,23 +56,11 @@ function GamePanel(props) {
             <button
                 className="game-back-btn instance-btn instance-ui-btn left"
                 onClick={() => toggleLog(!showLog)}>
-                {showLog ? 'Game' : 'Log'}
+                Log
             </button>
         </div>
     );
 
-    if (showLog) {
-        const logs = game.log.map((l, i) => (<div key={i}>{l}</div>)).reverse();
-        return (
-            <main className="game">
-                {header}
-                <div className="logs">
-                    {logs}
-                </div>
-            </main>
-        );
-    }
-
     function findCryp(id) {
         const team = game.teams.find(t => t.cryps.find(c => c.id === id));
         if (team) return team.cryps.find(c => c.id === id);