coin tile badge pos change css

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;
+    }
+  }
+}

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() })