From f742837dfdbb2c158cb2fcc6f722d1b801fdfb4a Mon Sep 17 00:00:00 2001
From: Aravindh-Raju <aravindhraju2000@gmail.com>
Date: Tue, 15 Oct 2024 12:21:32 +0530
Subject: [PATCH] update copy button

---
 .../dnsChanges/dnsChangeDetail.scala.html     |  4 ++--
 .../views/dnsChanges/dnsChanges.scala.html    |  2 +-
 .../app/views/groups/groupDetail.scala.html   |  4 ++--
 .../app/views/zones/zoneDetail.scala.html     |  4 ++--
 modules/portal/public/css/vinyldns.css        | 23 -------------------
 5 files changed, 7 insertions(+), 30 deletions(-)

diff --git a/modules/portal/app/views/dnsChanges/dnsChangeDetail.scala.html b/modules/portal/app/views/dnsChanges/dnsChangeDetail.scala.html
index 9f3c0b4c6..42128e02f 100644
--- a/modules/portal/app/views/dnsChanges/dnsChangeDetail.scala.html
+++ b/modules/portal/app/views/dnsChanges/dnsChangeDetail.scala.html
@@ -42,9 +42,9 @@
         <div class="row">
             <div class="col-md-12">
                 <p><strong>ID:</strong> {{batch.id}}
-                    <span class="copy-button" ng-click="copyToClipboard()"
+                    <span class="small-copy-button" ng-click="copyToClipboard()"
                           data-toggle="tooltip" data-placement="top" title="Copy batch id to clipboard">
-                        <i class="fa fa-clone"></i> Copy
+                        <i class="fa fa-clone"></i>
                     </span>
                     <button class="btn-right-corner" ng-click="exportToCSV(batch.id)">Export CSV</button>
                 </p>
diff --git a/modules/portal/app/views/dnsChanges/dnsChanges.scala.html b/modules/portal/app/views/dnsChanges/dnsChanges.scala.html
index a90e4ba3a..95c339f7c 100644
--- a/modules/portal/app/views/dnsChanges/dnsChanges.scala.html
+++ b/modules/portal/app/views/dnsChanges/dnsChanges.scala.html
@@ -115,7 +115,7 @@
                                         <a href="/dnschanges/{{batchChange.id}}">{{batchChange.id}}</a>
                                         <span class="small-copy-button" ng-click="copyToClipboard(batchChange.id)"
                                               data-toggle="tooltip" data-placement="top" title="Copy batch id to clipboard">
-                                            <i class="fa fa-clone"></i> Copy
+                                            <i class="fa fa-clone"></i>
                                         </span>
                                     </td>
                                     <td ng-bind="batchChange.totalChanges"></td>
diff --git a/modules/portal/app/views/groups/groupDetail.scala.html b/modules/portal/app/views/groups/groupDetail.scala.html
index 2c42fe465..7259e27f8 100644
--- a/modules/portal/app/views/groups/groupDetail.scala.html
+++ b/modules/portal/app/views/groups/groupDetail.scala.html
@@ -33,9 +33,9 @@
                             </i>
                         </h3>
                         <p><strong>Group ID:</strong> {{membership.group.id}}
-                            <span class="copy-button" ng-click="copyToClipboard()"
+                            <span class="small-copy-button" ng-click="copyToClipboard()"
                                   data-toggle="tooltip" data-placement="top" title="Copy group id to clipboard">
-                                <i class="fa fa-clone"></i> Copy
+                                <i class="fa fa-clone"></i>
                             </span>
                         </p>
                         <p><strong>Group Email:</strong> {{membership.group.email}}</p>
diff --git a/modules/portal/app/views/zones/zoneDetail.scala.html b/modules/portal/app/views/zones/zoneDetail.scala.html
index 5683651cc..5d9c0c426 100644
--- a/modules/portal/app/views/zones/zoneDetail.scala.html
+++ b/modules/portal/app/views/zones/zoneDetail.scala.html
@@ -33,9 +33,9 @@
             <div class="row">
                 <div class="col-md-12">
                     <p><strong>Zone ID:</strong> {{zoneInfo.id}}
-                        <span class="copy-button" ng-click="copyToClipboard()"
+                        <span class="small-copy-button" ng-click="copyToClipboard()"
                               data-toggle="tooltip" data-placement="top" title="Copy zone id to clipboard">
-                            <i class="fa fa-clone"></i> Copy
+                            <i class="fa fa-clone"></i>
                         </span>
                     </p>
                 </div>
diff --git a/modules/portal/public/css/vinyldns.css b/modules/portal/public/css/vinyldns.css
index 65797bc38..40a112018 100644
--- a/modules/portal/public/css/vinyldns.css
+++ b/modules/portal/public/css/vinyldns.css
@@ -634,29 +634,6 @@ input[type="file"] {
     flex-direction: column;
 }
 
-.copy-button {
-    display: inline-flex;
-    align-items: center;
-    padding: 2px 6px;
-    border: 1px solid #d1d5da;
-    background-color: #f6f8fa;
-    border-radius: 4px;
-    cursor: pointer;
-    font-size: 12px;
-    color: #24292e;
-    margin-left: 8px;
-    transition: background-color 0.3s ease;
-}
-
-.copy-button:hover {
-    background-color: #e1e4e8;
-}
-
-.copy-button i {
-    margin-right: 4px;
-    font-size: 12px;
-}
-
 .small-copy-button {
     font-size: 12px;
     padding: 2px 6px;