From b04ae8a8d4e541c53af1b7f7f94de1294c05f2e2 Mon Sep 17 00:00:00 2001
From: ntr <ntr@smokestack.io>
Date: Mon, 22 Jul 2019 11:33:05 +1000
Subject: [PATCH] styles

---
 client/assets/styles/colours.less        | 27 ++++++++++++++++++++++++
 client/assets/styles/vbox.less           | 24 +--------------------
 client/src/components/vbox.component.jsx |  2 +-
 client/src/constants.jsx                 |  4 ++--
 4 files changed, 31 insertions(+), 26 deletions(-)
 create mode 100644 client/assets/styles/colours.less

diff --git a/client/assets/styles/colours.less b/client/assets/styles/colours.less
new file mode 100644
index 00000000..a3841c52
--- /dev/null
+++ b/client/assets/styles/colours.less
@@ -0,0 +1,27 @@
+@green: #1FF01F;
+@red: #a52a2a;
+@blue: #3498db;
+@white: #f5f5f5; // whitesmoke
+@purple: #9355b5; // 6lack - that far cover
+
+@darkgray: #222;
+@gray: #333;
+
+
+svg {
+    stroke: none;
+    margin: 0 auto;
+    display: block;
+
+    &.red {
+        fill: @red;
+    }
+
+    &.green {
+        fill: @green;
+    }
+
+    &.blue {
+        fill: @blue;
+    }
+}
diff --git a/client/assets/styles/vbox.less b/client/assets/styles/vbox.less
index 6371c2df..e8a47386 100644
--- a/client/assets/styles/vbox.less
+++ b/client/assets/styles/vbox.less
@@ -1,11 +1,4 @@
-@green: #1FF01F;
-@red: #a52a2a;
-@blue: #3498db;
-@white: #f5f5f5; // whitesmoke
-@purple: #9355b5; // 6lack - that far cover
-
-@darkgray: #222;
-@gray: #333;
+@import 'colours.less';
 
 .vbox {
     margin-bottom: 2em;
@@ -85,20 +78,5 @@
 
     svg {
         stroke: none;
-        margin: 0 auto;
-        display: block;
-
-        &.red {
-            fill: @red;
-        }
-
-        &.green {
-            fill: @green;
-        }
-
-        &.blue {
-            fill: @blue;
-        }
     }
-
 }
diff --git a/client/src/components/vbox.component.jsx b/client/src/components/vbox.component.jsx
index e2a000c5..65c713ab 100644
--- a/client/src/components/vbox.component.jsx
+++ b/client/src/components/vbox.component.jsx
@@ -209,7 +209,7 @@ function Vbox(args) {
                 </div>
                 <button
                     class='vbox-btn'
-                    onMouseOver={e => hoverInfo(e, 'reroll')}
+                    onMouseOver={e => hoverInfo(e, 'refill')}
                     onClick={() => sendVboxDiscard()}>
                     refill - 5b
                 </button>
diff --git a/client/src/constants.jsx b/client/src/constants.jsx
index 2818ba63..7a9afb24 100644
--- a/client/src/constants.jsx
+++ b/client/src/constants.jsx
@@ -56,8 +56,8 @@ module.exports = {
             item: 'REFINE',
             description: 'Refine ITEMS currently in I-COMBINATOR into more powerful variants',
         },
-        reroll: {
-            item: 'REROLL',
+        refill: {
+            item: 'REFILL',
             description: 'Refill the VBOX with new ITEMS.\nCosts 5b.',
         },
         equipSkills: {