From 1037749f65440c2da9506f1b8d4c85ecf7e012f9 Mon Sep 17 00:00:00 2001
From: pbca26 <pbca26@gmail.com>
Date: Sat, 20 May 2017 15:52:40 +0300
Subject: [PATCH] missing cursor hand styles

---
 .../src/components/dashboard/coinTileItem.js  |  2 +-
 react/src/components/dashboard/navbar.js      |  1 +
 react/src/styles/index.scss                   | 76 +++++++++++++++++++
 3 files changed, 78 insertions(+), 1 deletion(-)

diff --git a/react/src/components/dashboard/coinTileItem.js b/react/src/components/dashboard/coinTileItem.js
index fd1d79d..f28ea9d 100644
--- a/react/src/components/dashboard/coinTileItem.js
+++ b/react/src/components/dashboard/coinTileItem.js
@@ -137,7 +137,7 @@ class CoinTileItem extends React.Component {
     const { item } = this.props;
 
     return (
-      <div className="list-group-item col-xlg-6 col-lg-12 wallet-widgets-info">
+      <div className="list-group-item col-xlg-6 col-lg-12 wallet-widgets-info pointer">
         <div className={ this.props.ActiveCoin.coin === item.coin ? 'widget widget-shadow active' : 'widget widget-shadow' }>
           <div
             className="widget-content text-center bg-white padding-20 edexcoin-logo"
diff --git a/react/src/components/dashboard/navbar.js b/react/src/components/dashboard/navbar.js
index 6325250..70c0e66 100644
--- a/react/src/components/dashboard/navbar.js
+++ b/react/src/components/dashboard/navbar.js
@@ -102,6 +102,7 @@ class Navbar extends React.Component {
                   role="menuitem"
                   id="btn_edexcoin_addcoin"
                   style={{ paddingBottom: '10px', paddingTop: '16px' }}
+                  className="pointer"
                   onClick={ this.toggleAddCoinModal }>
                   <span>
                     <img src="assets/images/icons/activatecoin.png" alt={ translate('INDEX.ADD_COIN') } />
diff --git a/react/src/styles/index.scss b/react/src/styles/index.scss
index 181cb91..aafb72b 100644
--- a/react/src/styles/index.scss
+++ b/react/src/styles/index.scss
@@ -292,6 +292,82 @@ body {
   }
 }
 
+/* The switch - the box around the slider */
+.switch {
+  position: relative;
+  display: inline-block;
+  width: 40px;
+  height: 24px;
+}
+
+/* Hide default HTML checkbox */
+.switch input {
+  display: none;
+}
+
+/* The slider */
+.slider {
+  border-radius: 20px;
+  position: absolute;
+  cursor: pointer;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: #ccc;
+  -webkit-transition: .4s;
+  transition: .4s;
+}
+
+.slider:before {
+  border-radius: 50%;
+  position: absolute;
+  content: "";
+  height: 22px;
+  width: 22px;
+  left: 4px;
+  bottom: 4px;
+  background-color: white;
+  -webkit-transition: .4s;
+  transition: .4s;
+}
+
+.toggle-label {
+  color: #757575;
+  display: inline-block;
+}
+
+input:checked + .slider {
+  background-color: rgb(57, 73, 171);
+}
+
+input:focus + .slider {
+  box-shadow: 0 0 1px rgb(57, 73, 171);
+}
+
+input:checked + .slider:before {
+  -webkit-transform: translateX(26px);
+  -ms-transform: translateX(26px);
+  transform: translateX(26px);
+}
+
+/* Rounded sliders */
+.slider.round {
+  border-radius: 34px;
+}
+
+.slider.round:before {
+  border-radius: 50%;
+}
+
+.pointer {
+  cursor: pointer;
+}
+
+.text-center {
+  text-align: center;
+}
+
 /*.toaster .single-toast:nth-child(0) {
   bottom: 12px;
 }