From e8e21d561e063b7f51607757eeda08703be82258 Mon Sep 17 00:00:00 2001
From: Hayden <64056131+hay-kot@users.noreply.github.com>
Date: Sat, 22 Oct 2022 10:12:15 -0800
Subject: [PATCH] remove icon and change styles

---
 templates/pasta.html | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/templates/pasta.html b/templates/pasta.html
index 587619c..1198e30 100644
--- a/templates/pasta.html
+++ b/templates/pasta.html
@@ -18,9 +18,7 @@
 <br>
 <div class="code-container">
   <button id="copy-button" class="copy-button">
-    <svg id="copy-icon" style="width:24px;height:24px" viewBox="0 0 24 24">
-      <path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z" />
-    </svg>
+    Copy
   </button>
   <div style="clear: both;">
     {% if args.highlightsyntax %}
@@ -32,11 +30,15 @@
 </div>
 
 <script>
-  const btn = document.getElementById("copy-icon")
+  const btn = document.getElementById("copy-button")
   const content = `{{ pasta.content_escaped() }}`
 
   btn.addEventListener("click", () => {
     navigator.clipboard.writeText(content)
+    btn.innerHTML = "Copied"
+    setTimeout(() => {
+      btn.innerHTML = "Copy"
+    }, 1000)
   })
 
 </script>
@@ -79,8 +81,8 @@ code-line::before {
   background: transparent;
   top: 0;
   right: 0;
-  padding: 8px;
-  margin: 5px;
+  padding: 3px;
+  margin: 3px;
 }
 
 </style>