From 61dbadb51fa999aac8021dd1dfcd11cd22084a95 Mon Sep 17 00:00:00 2001
From: ntr <ntr@smokestack.io>
Date: Fri, 13 Sep 2019 14:57:57 +1000
Subject: [PATCH] fixes

---
 client/assets/styles/controls.less           | 6 ++++--
 client/src/components/instance.ctrl.btns.jsx | 4 ++--
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/client/assets/styles/controls.less b/client/assets/styles/controls.less
index 40459592..eebcc6c6 100644
--- a/client/assets/styles/controls.less
+++ b/client/assets/styles/controls.less
@@ -106,9 +106,11 @@ aside {
     padding: 0 0.75em 0 0.75em;
 }
 
-.abandon:not([disabled]) {
-    font-size: 80%;
+.instance-ctrl-btns {
+    font-size: 50%;
+}
 
+.abandon:not([disabled]) {
     &:hover {
         color: @red;
         border-color: @red;
diff --git a/client/src/components/instance.ctrl.btns.jsx b/client/src/components/instance.ctrl.btns.jsx
index 91638f98..35b9f222 100644
--- a/client/src/components/instance.ctrl.btns.jsx
+++ b/client/src/components/instance.ctrl.btns.jsx
@@ -46,7 +46,7 @@ function InstanceCtrlBtns(args) {
         instance,
     } = args;
 
-    const finished = instance.phase === 'Finished';
+    const finished = instance && instance.phase === 'Finished';
 
     const { abandonState } = this.state;
 
@@ -65,7 +65,7 @@ function InstanceCtrlBtns(args) {
     const abandonAction = abandonState ? sendAbandon : abandonStateTrue;
 
     return (
-        <div>
+        <div class="instance-ctrl-btns">
             {game ? <button disabled={animating} onClick={sendGameSkillClear}>Clear</button> : null}
             <button class={abandonClasses} disabled={animating || finished} onClick={abandonAction}>Abandon</button>
         </div>