From daefd88f62117f543b660ef1117b12bfc6851f52 Mon Sep 17 00:00:00 2001
From: Anton Chupak <tony.chupak@gmail.com>
Date: Thu, 15 Nov 2018 15:27:39 +0200
Subject: [PATCH] Copy button updates

- change button postion
- add hover
- change size
- fix handler
---
 src/gui/qt-daemon/html/files/copy-content-blue.svg |  7 +++++++
 src/gui/qt-daemon/html/files/main.js               |  1 +
 src/gui/qt-daemon/html/files/style.css             | 10 +++++++---
 src/gui/qt-daemon/html/index.html                  |  5 +++--
 4 files changed, 18 insertions(+), 5 deletions(-)
 create mode 100644 src/gui/qt-daemon/html/files/copy-content-blue.svg

diff --git a/src/gui/qt-daemon/html/files/copy-content-blue.svg b/src/gui/qt-daemon/html/files/copy-content-blue.svg
new file mode 100644
index 00000000..d6f677aa
--- /dev/null
+++ b/src/gui/qt-daemon/html/files/copy-content-blue.svg
@@ -0,0 +1,7 @@
+<svg version="1.1" id="content-copy-blue" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="561px" height="561px" viewBox="0 0 561 561" style="enable-background:new 0 0 561 561;" xml:space="preserve">
+	<g id="content-copy">
+		<path fill="#209bff" d="M395.25,0h-306c-28.05,0-51,22.95-51,51v357h51V51h306V0z M471.75,102h-280.5c-28.05,0-51,22.95-51,51v357
+			c0,28.05,22.95,51,51,51h280.5c28.05,0,51-22.95,51-51V153C522.75,124.95,499.8,102,471.75,102z M471.75,510h-280.5V153h280.5V510
+			z"/>
+	</g>
+</svg>
diff --git a/src/gui/qt-daemon/html/files/main.js b/src/gui/qt-daemon/html/files/main.js
index a702ff87..eebf1677 100644
--- a/src/gui/qt-daemon/html/files/main.js
+++ b/src/gui/qt-daemon/html/files/main.js
@@ -755,6 +755,7 @@ $(function()
     $( "#synchronization_progressbar" ).progressbar({value: false });
     $( "#wallet_progressbar" ).progressbar({value: false });
     $(".common_button").button();
+    $("#copy-wallet").on('click', on_copy_wallet);
 
     $("#open_wallet_button").button("disable");
     $("#generate_wallet_button").button("disable");
diff --git a/src/gui/qt-daemon/html/files/style.css b/src/gui/qt-daemon/html/files/style.css
index bb461aff..7e92418f 100644
--- a/src/gui/qt-daemon/html/files/style.css
+++ b/src/gui/qt-daemon/html/files/style.css
@@ -740,17 +740,21 @@ input:focus {
 
 .btn-icon {
     position: relative;
-    top: 8px;
+    top: 2px;
     margin-right: 10px;
     display: inline-block;
-    width: 22px;
-    height: 22px;
+    width: 14px;
+    height: 14px;
     background-image: url('../files/copy-content.svg');
     background-size: cover;
     background-position: center;
     cursor: pointer;
 }
 
+.btn-icon:hover {
+    background-image: url('../files/copy-content-blue.svg');
+}
+
 .btn-group {
     float: right;
     margin-left: 480px;
diff --git a/src/gui/qt-daemon/html/index.html b/src/gui/qt-daemon/html/index.html
index a0b191e2..019586bd 100644
--- a/src/gui/qt-daemon/html/index.html
+++ b/src/gui/qt-daemon/html/index.html
@@ -113,7 +113,9 @@
                             <span class="my_addres_text" id="wallet_path">C:\home\projects\boolberry\build\src\Release\wallet.bin</span><br>
                         </div>
                         <span class="wallet_secondary_text">Address:</span>
-                        <span class="my_addres_text" id="wallet_address">1HNJjUsofq5LYLoXem119dd491yFAb5g4bCHkecV4sPqigmuxw57Ci9am71fEN4CRmA9jgnvo5PDNfaq8QnprWmS5uLqnbq</span><br>
+                        <span class="my_addres_text" id="wallet_address"></span>
+                        <span class='btn-icon' id='copy-wallet'></span>
+                        <br>
                     </div>
                     <div id="synchronizing_wallet_block">
                         Synchronizing wallet...
@@ -125,7 +127,6 @@
                             Synced</span>
 
                         <div class="btn-group">
-                            <span class='btn-icon' id='copy-wallet'></span>
                             <div id="close_wallet_button_id" class="common_button btn btn-grey">Close wallet</div>
                         </div>
                     </div>