From 423f4fcfbcd2a5b5591dc2242922958503a08faa Mon Sep 17 00:00:00 2001
From: ntr <ntr@smokestack.io>
Date: Thu, 2 May 2019 16:35:32 +1000
Subject: [PATCH] wip

---
 client/cryps.css                         | 23 +++++++++++++----------
 client/src/components/info.component.jsx |  2 +-
 client/src/components/instance.cryps.jsx |  2 +-
 3 files changed, 15 insertions(+), 12 deletions(-)

diff --git a/client/cryps.css b/client/cryps.css
index e0afb803..44e310fb 100644
--- a/client/cryps.css
+++ b/client/cryps.css
@@ -608,7 +608,7 @@ table td svg {
     display: flex;
 }
 
-.info-cryp .skills .cryp-skill-btn {
+.info-cryp .skills button {
     border: 1px solid whitesmoke;
 }
 
@@ -694,18 +694,20 @@ table td svg {
     font-size: 1.5em;
 }
 
-.cryp-skill-btn {
+.instance-cryp button, .info-cryp button {
     flex: 1 1 100%;
+    color: whitesmoke;
     font-size: 16pt;
     padding: 0;
     margin: 0;
     border-width: 0px;
     border-bottom-width: 0px;
-    border-left-width: 0px;
+    border-left-width: 1px;
     border-right-width: 0px;
+    border-top-width: 1px;
 }
 
-.cryp-list .skills .cryp-skill-btn:first-child {
+.instance-cryp:first-child {
     border-top-width: 0;
 }
 
@@ -724,20 +726,21 @@ table td svg {
     margin-right: 0.5em;
 }
 
-.cryp-skill-btn {
+.game-cryp button {
     color: #333333;
+    flex: 1 1 100%;
 }
 
-.cryp-skill-btn.active {
+.game-cryp button.active {
     color: whitesmoke;
 }
 
-.cryp-skill-btn[disabled] {
+.game-cryp button[disabled] {
     color: #333333;
     font-size: 14pt;
 }
 
-.cryp-skill-btn:hover {
+.game-cryp button:hover {
     color: whitesmoke;
 }
 
@@ -748,7 +751,7 @@ table td svg {
     filter: grayscale(100%);
 }
 
-.game-cryp.ko .cryp-skill-btn:hover {
+.game-cryp.ko button:hover {
     color: #333;
 }
 
@@ -1020,7 +1023,7 @@ CRYP DAMAGE
         flex: unset;
     }
 
-    .cryp-skill-btn {
+    button {
         flex: 1;
         font-size: 16pt;
         padding: 0;
diff --git a/client/src/components/info.component.jsx b/client/src/components/info.component.jsx
index 6eaf4517..52faaaa1 100644
--- a/client/src/components/info.component.jsx
+++ b/client/src/components/info.component.jsx
@@ -113,7 +113,7 @@ function Info(args) {
             const s = cryp.skills[i]
                 ? cryp.skills[i].skill
                 : (<span>&nbsp;</span>);
-            return <button key={i} alt={s} className="cryp-skill-btn" onClick={skillClick} >{s}</button>;
+            return <button key={i} alt={s} onClick={skillClick} >{s}</button>;
         });
 
         const stats = Object.values(STATS).map((s, j) => (
diff --git a/client/src/components/instance.cryps.jsx b/client/src/components/instance.cryps.jsx
index dbc02ba9..6ae4013e 100644
--- a/client/src/components/instance.cryps.jsx
+++ b/client/src/components/instance.cryps.jsx
@@ -69,7 +69,7 @@ function Cryp(props) {
             return setActiveCryp(cryp);
         }
 
-        return <button key={i} className="cryp-skill-btn right" onClick={skillClick} >{s}</button>;
+        return <button key={i} className="right" onClick={skillClick} >{s}</button>;
     });
 
     // needed for ondrop to fire