apply suggestions from comments on adityatelange#345

Author: kdkasad

assets/css/common/main.css

@@ -52,15 +52,18 @@ div.highlight {
     display: none;
     position: absolute;
     top: 4px;
-    right: 16px;
-    color: var(--secondary);
+    right: 4px;
+    color: rgba(255, 255, 255, 0.8);
+    background: rgba(78, 78, 78, 0.8);
+    border-radius: var(--radius);
+    padding: 0 5px;
+    font-size: 14px;
 }
 
 div.highlight:hover .copy-code {
     display: block;
 }
 
 .copy-code:hover {
-    cursor: pointer;
     text-decoration: underline;
 }

layouts/partials/footer.html

@@ -102,9 +102,9 @@
     document.querySelectorAll('pre > code').forEach((codeblock) => {
         const container = codeblock.parentNode.parentNode;
 
-        const copybutton = document.createElement('div');
+        const copybutton = document.createElement('button');
         copybutton.classList.add('copy-code');
-        copybutton.innerHTML = 'copy';
+        copybutton.innerText = 'copy';
 
         function copyingDone() {
             copybutton.innerText = 'copied!';