From 2afd8828f4346144e747ffeef82305f467b96305 Mon Sep 17 00:00:00 2001
From: pbca26 <pbca26@gmail.com>
Date: Fri, 5 Jan 2018 14:32:31 +0300
Subject: [PATCH] coin tile badge pos change css

---
 .../dashboard/coinTile/coinTile.scss          | 59 +++++++++++++++++++
 .../dashboard/coinTile/coinTileItem.render.js |  6 +-
 2 files changed, 62 insertions(+), 3 deletions(-)
 create mode 100644 react/src/components/dashboard/coinTile/coinTile.scss

diff --git a/react/src/components/dashboard/coinTile/coinTile.scss b/react/src/components/dashboard/coinTile/coinTile.scss
new file mode 100644
index 0000000..731ae9e
--- /dev/null
+++ b/react/src/components/dashboard/coinTile/coinTile.scss
@@ -0,0 +1,59 @@
+.coind-stop-icon,
+.coind-remove-icon {
+  font-size: 20px;
+  position: absolute;
+  top: 19px;
+  right: 12px;
+  color: #ccc !important;
+
+  &:hover {
+    color: #e9595b !important;
+  }
+}
+
+.coind-remove-icon {
+  transform: rotate(45deg);
+  top: 45px;
+}
+
+.coind-remove-icon-spv {
+  top: 19px;
+}
+
+.icon-spv-connection-warning,
+.icon-native-connection-warning {
+  position: absolute;
+  bottom: 20px;
+  right: 15px;
+
+  &:before {
+    color: #f2a654;
+    font-size: 18px;
+  }
+}
+
+.icon-native-connection-warning {
+  &:before {
+    color: #e9595b;
+  }
+}
+
+.badge.up {
+  position: relative;
+  z-index: 10;
+  top: 0;
+  left: 0;
+  margin: 0;
+  border-radius: 0;
+}
+
+.list-group-item {
+  .widget,
+  .widget-content {
+    height: 150px;
+
+    .avatar {
+      margin-top: 10px;
+    }
+  }
+}
\ No newline at end of file
diff --git a/react/src/components/dashboard/coinTile/coinTileItem.render.js b/react/src/components/dashboard/coinTile/coinTileItem.render.js
index 98353c6..4985a38 100644
--- a/react/src/components/dashboard/coinTile/coinTileItem.render.js
+++ b/react/src/components/dashboard/coinTile/coinTileItem.render.js
@@ -6,6 +6,9 @@ const CoinTileItemRender = function() {
 
   return (
     <div className="list-group-item col-xlg-6 col-lg-12 wallet-widgets-info pointer">
+      <span className={ `badge up badge-${item.modecolor}` }>
+        { item.modecode }
+      </span>
       <div className={ 'widget widget-shadow' + (this.props.ActiveCoin.coin === item.coin ? ' active' : '') }>
         <div
           className="widget-content text-center bg-white padding-20"
@@ -15,9 +18,6 @@ const CoinTileItemRender = function() {
               className="img-responsive"
               src={ `assets/images/cryptologo/${item.coinlogo.toLowerCase()}.png` }
               alt={ item.coinname }/>
-            <span className={ `badge up badge-${item.modecolor}` }>
-              { item.modecode }
-            </span>
           </a>
           <div className="coin-name">
             { item.coinname } ({ item.coinlogo.toUpperCase() })