From 2e497b5198bba2dbd3c7ead9abbe480d2e264f6b Mon Sep 17 00:00:00 2001
From: pbca26 <pbca26@gmail.com>
Date: Mon, 12 Feb 2018 18:49:36 +0300
Subject: [PATCH] notary elections modal css fix

---
 .../notaryElectionsModal.scss                 | 57 +++++++++++++------
 .../dashboard/tools/toolsPubCheck.js          |  6 +-
 2 files changed, 45 insertions(+), 18 deletions(-)

diff --git a/react/src/components/dashboard/notaryElectionsModal/notaryElectionsModal.scss b/react/src/components/dashboard/notaryElectionsModal/notaryElectionsModal.scss
index 59d251b..3167d7e 100644
--- a/react/src/components/dashboard/notaryElectionsModal/notaryElectionsModal.scss
+++ b/react/src/components/dashboard/notaryElectionsModal/notaryElectionsModal.scss
@@ -14,6 +14,7 @@
     height: inherit;
     max-height: 90vh;
     overflow-y: auto;
+    overflow-x: hidden;
   }
 
   .elections-title {
@@ -59,11 +60,15 @@
   }
 
   .elections-map {
+    position: absolute;
+    width: 100%;
+    left: 0;
+    height: 350px;
     text-align: center;
   }
 
   .elections-map-node {
-    position: absolute;
+    position: relative;
 
     .notary-elections-node-title {
       color: #fff !important;
@@ -74,6 +79,7 @@
     }
 
     img {
+      position: absolute;
       width: 35px;
       background: #fff;
       border-radius: 50%;
@@ -90,34 +96,51 @@
         border: solid 5px #fff;
       }
     }
-    &:hover {
-      img {
-        width: 40px;
-      }
+    img:hover {
+      width: 40px;
     }
     &.elections-map-node--na {
-      left: 210px;
-      top: 258px;
-    }
-    &.elections-map-node--sh {
-      left: 632px;
-      top: 382px;
+      left: -234px;
+      top: -262px;
 
       .notary-elections-node-title {
-        margin-top: 26px;
-        margin-left: 34px;
+        margin-top: -6px;
+        margin-left: 38px;
       }
     }
     &.elections-map-node--ae {
-      left: 560px;
-      top: 284px;
+      left: 114px;
+      top: -236px;
+
+      .notary-elections-node-title {
+        margin-top: -6px;
+        margin-left: 40px;
+      }
+    }
+    &.elections-map-node--sh {
+      left: 190px;
+      top: -138px;
+
+      .notary-elections-node-title {
+        margin-left: 32px;
+        margin-top: 30px;
+      }
     }
     &.elections-map-node--eu {
-      left: 412px;
-      top: 250px;
+      left: -28px;
+      top: -268px;
+
+      .notary-elections-node-title {
+        margin-top: -4px;
+        margin-left: 40px;
+      }
     }
   }
 
+  .elections-voter-ui {
+    height: 350px;
+  }
+
   .elections-balance,
   .elections-history {
     font-size: 16px;
diff --git a/react/src/components/dashboard/tools/toolsPubCheck.js b/react/src/components/dashboard/tools/toolsPubCheck.js
index 17b2d6c..74d093d 100644
--- a/react/src/components/dashboard/tools/toolsPubCheck.js
+++ b/react/src/components/dashboard/tools/toolsPubCheck.js
@@ -57,7 +57,11 @@ class ToolsPubCheck extends React.Component {
           <div className="col-sm-12 form-group form-material no-padding-left margin-top-10">
           { this.state.pubResult.coin &&
             <div>
-              <div>Coin(s): { this.state.pubResult.coin.map((item) => { return(<div key={ `tools-pub-check-${item}` }>{ item }</div>); }) }</div>
+              <div>Coin(s): {
+                this.state.pubResult.coin.map((item) => {
+                  return(<div key={ `tools-pub-check-${item}` }>{ item }</div>);
+                })
+              }</div>
               <div className="margin-top-10">Version: { this.state.pubResult.version }</div>
             </div>
           }