From 68695d104930718b66bd3c4e0058907eb95bbe95 Mon Sep 17 00:00:00 2001
From: Ryan Arthur <ryan@gaslight.co>
Date: Fri, 29 Jun 2018 11:06:18 -0400
Subject: [PATCH] Add copy address functionality to the address details panel

---
 apps/explorer_web/assets/css/_tooltip.scss           |  3 +++
 .../explorer_web/templates/address/overview.html.eex | 12 +++++++-----
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/apps/explorer_web/assets/css/_tooltip.scss b/apps/explorer_web/assets/css/_tooltip.scss
index e69de29bb2..a660e7c4ea 100644
--- a/apps/explorer_web/assets/css/_tooltip.scss
+++ b/apps/explorer_web/assets/css/_tooltip.scss
@@ -0,0 +1,3 @@
+.tooltip {
+  min-width: 100px;
+}
diff --git a/apps/explorer_web/lib/explorer_web/templates/address/overview.html.eex b/apps/explorer_web/lib/explorer_web/templates/address/overview.html.eex
index 78e9540ba9..7ac3b6164f 100644
--- a/apps/explorer_web/lib/explorer_web/templates/address/overview.html.eex
+++ b/apps/explorer_web/lib/explorer_web/templates/address/overview.html.eex
@@ -14,15 +14,17 @@
       <div class="card">
         <div class="card-body">
           <div class="icon-links float-right">
-            <button type="button" class="icon-link" data-toggle="tooltip" data-placement="top" title="<%= gettext("Copy Address") %>">
-              <i class="fas fa-clone"></i>
-            </button>
+            <span data-clipboard-text="<%= @address %>">
+              <button type="button" class="icon-link" id="button" data-toggle="tooltip" data-placement="top" title="<%= gettext("Copy Address") %>" aria-label="Copy Address">
+                <i class="fas fa-clone"></i>
+              </button>
+            </span>
             <span data-toggle="modal" data-target="#qrModal">
-              <button type="button" class="icon-link"  data-toggle="tooltip" data-placement="top" title="<%= gettext("QR Code") %>">
+              <button type="button" class="icon-link"  data-toggle="tooltip" data-placement="top" title="<%= gettext("QR Code") %>" aria-label="Show QR Code">
                 <i class="fas fa-qrcode"></i>
               </button>
             </span>
-            <button type="button" class="icon-link" data-toggle="tooltip" data-placement="top" title="<%= gettext("Info") %>">
+            <button type="button" class="icon-link" data-toggle="tooltip" data-placement="top" title="<%= gettext("Info") %>" aria-label="Info">
               <i class="fas fa-info"></i>
             </button>
           </div>