From 81fa77a34768a766375278449eca7e210165454e Mon Sep 17 00:00:00 2001
From: ntr <ntr@smokestack.io>
Date: Tue, 9 Apr 2019 15:36:17 +1000
Subject: [PATCH] active class

---
 client/cryps.css      | 11 +++++++++++
 client/src/socket.jsx |  2 +-
 client/src/utils.jsx  | 14 +++++++-------
 3 files changed, 19 insertions(+), 8 deletions(-)

diff --git a/client/cryps.css b/client/cryps.css
index b4e60093..2d359b35 100644
--- a/client/cryps.css
+++ b/client/cryps.css
@@ -389,6 +389,17 @@ header {
     height: 40px;
     cursor: pointer;
     text-transform: uppercase;
+
+    transition-property: all;
+    transition-duration: 0.5s;
+    transition-delay: 0;
+    transition-timing-function: ease;
+
+}
+
+.vbox-table td:active {
+    background-color: whitesmoke;
+    color: black;
 }
 
 .spacer {
diff --git a/client/src/socket.jsx b/client/src/socket.jsx
index 202a5a07..cac81aac 100644
--- a/client/src/socket.jsx
+++ b/client/src/socket.jsx
@@ -9,7 +9,7 @@ function errorToast(err) {
     return toast.error({
         title: 'BEEP BOOP',
         message: err,
-        position: 'topRight',
+        position: 'bottomCenter',
     });
 }
 
diff --git a/client/src/utils.jsx b/client/src/utils.jsx
index 2f9398e3..7ca594a7 100644
--- a/client/src/utils.jsx
+++ b/client/src/utils.jsx
@@ -73,13 +73,13 @@ const SPECS = {
     LBSI: { colour: 'cyan', caption: 'HpI', svg: shapes.square },
     RBSI: { colour: 'purple', caption: 'HpI', svg: shapes.square },
 
-    Damage: { colour: 'white', caption: 'Damage', svg: shapes.hexagon },
-    RedDamageI: { colour: 'red', caption: 'DamageI', svg: shapes.hexagon },
-    BlueDamageI: { colour: 'blue', caption: 'DamageI', svg: shapes.hexagon },
-    GreenDamageI: { colour: 'green', caption: 'DamageI', svg: shapes.hexagon },
-    GRDI: { colour: 'yellow', caption: 'DamageI', svg: shapes.hexagon },
-    GBDI: { colour: 'cyan', caption: 'DamageI', svg: shapes.hexagon },
-    RBDI: { colour: 'purple', caption: 'DamageI', svg: shapes.hexagon },
+    Damage: { colour: 'white', caption: 'Damage', svg: shapes.circle },
+    RedDamageI: { colour: 'red', caption: 'DamageI', svg: shapes.circle },
+    BlueDamageI: { colour: 'blue', caption: 'DamageI', svg: shapes.circle },
+    GreenDamageI: { colour: 'green', caption: 'DamageI', svg: shapes.circle },
+    GRDI: { colour: 'yellow', caption: 'DamageI', svg: shapes.circle },
+    GBDI: { colour: 'cyan', caption: 'DamageI', svg: shapes.circle },
+    RBDI: { colour: 'purple', caption: 'DamageI', svg: shapes.circle },
 
     Speed: { colour: 'white', caption: 'Speed', svg: shapes.diamond },
     RedSpeed: { colour: 'red', caption: 'SpeedI', svg: shapes.diamond },