From f649ccda52a0225388f9dda4d85e0c8077a0a8f5 Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Tue, 27 Dec 2022 10:36:29 -0500
Subject: [PATCH 1/2] Add view source link to main click-to-copy field

---
 src/layouts/partials/clipboard-copy.html | 50 ++++++++++++++++++++----
 1 file changed, 43 insertions(+), 7 deletions(-)

diff --git a/src/layouts/partials/clipboard-copy.html b/src/layouts/partials/clipboard-copy.html
index b127746..0ac1507 100644
--- a/src/layouts/partials/clipboard-copy.html
+++ b/src/layouts/partials/clipboard-copy.html
@@ -5,6 +5,7 @@
     <!-- The button used to copy the text -->
 
     <button type="button" class="clipboard-copy" id="liveToastBtn" onclick="changeCopied()">copy</button>
+    <button type="button" class="clipboard-copy" id="source-btn" onclick="window.open('https://github.com/teaxyz/setup/blob/main/install.sh');">view source</button>
   </div>
 <hr>
 
@@ -17,7 +18,7 @@
   @media only screen and (min-width: 992px) {
 
     .one-liner{
-      width: 80%;
+      width: 60%;
       padding: 2.455vw 4.185vw;
       border-radius: 0px;
       border: none;
@@ -36,7 +37,7 @@
 
     .clipboard-copy{
       height: 8.371vw;
-      width: 18%;
+      width: 20%;
       font-family: "pp-neue-machina";
       color:#ffffff;
       font-size: 2.1vw;
@@ -53,6 +54,10 @@
       box-shadow: inset 0vw 0vw 0vw 0.558vw #1a1a1a !important;
     }
 
+    #liveToastBtn{
+      border-left: 2px solid #949494;
+    }
+
   }
 
   @media only screen and (min-width: 768px) and (max-width: 992px) {
@@ -62,7 +67,7 @@
     }
 
     .one-liner{
-      width: 80%;
+      width: 60%;
       padding: 2.455vw 5.040vw !important;
       border-radius: 0px;
       border: none;
@@ -81,7 +86,7 @@
 
     .clipboard-copy{
       height: 8.371vw;
-      width: 18%;
+      width: 20%;
       font-family: "pp-neue-machina";
       color:#ffffff;
       font-size: 2.1vw;
@@ -98,6 +103,10 @@
       box-shadow: inset 0vw 0vw 0vw 0.558vw #1a1a1a !important;
     }
 
+    #liveToastBtn{
+      border-left: 2px solid #949494;
+    }
+
   }
 
   @media only screen and (min-width: 576px) and (max-width: 768px) {
@@ -107,10 +116,13 @@
     }
 
     .one-liner{
-      width: 77%;
+      width: 100%;
       padding: 5vw 4vw;
       border-radius: 0px;
       border: none;
+      border-bottom: 2px solid #949494;
+      border-right: 2px solid #949494;
+      text-align: center;
       background-color: #1a1a1a !important;
       font-family: "pp-neue-machina";
       color:#ffffff;
@@ -126,7 +138,7 @@
 
     .clipboard-copy{
       padding: 5vw 4vw;
-      width: 20%;
+      width: 50%;
       font-family: "pp-neue-machina";
       color:#ffffff;
       font-size: 3.5vw;
@@ -143,6 +155,10 @@
       box-shadow: inset 0vw 0vw 0vw 0.558vw #1a1a1a !important;
     }
 
+    #liveToastBtn{
+      border-left: 2px solid #949494;
+    }
+
   }
 
   @media only screen and (max-width: 576px) {
@@ -153,6 +169,7 @@
       border-radius: 0px;
       border: none;
       background-color: #1a1a1a !important;
+      border-bottom: 2px solid #949494;
       font-family: "pp-neue-machina";
       color:#ffffff;
       text-align: center !important;
@@ -169,7 +186,26 @@
     }
 
     .clipboard-copy{
-      display: none;
+      padding: 5vw 4vw;
+      width: 50%;
+      font-family: "pp-neue-machina";
+      color:#ffffff;
+      font-size: 3.5vw;
+      float:right;
+      background-color: #1a1a1a !important;
+      border: none;
+      border-right: 2px solid #949494;
+      transition: 0.2s linear;
+    }
+
+    .clipboard-copy:hover{
+      background-color: #00ffd0 !important;
+      color: #1a1a1a !important;
+      box-shadow: inset 0vw 0vw 0vw 0.558vw #1a1a1a !important;
+    }
+
+    #liveToastBtn{
+      border-left: 2px solid #949494;
     }
 
   }

From ba49f17e0db658105ac92713443f7682ae7cbf25 Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Tue, 27 Dec 2022 13:18:20 -0500
Subject: [PATCH 2/2] <a> instead of 'onClick'

---
 src/layouts/partials/clipboard-copy.html | 40 +++++++++++++++++++++++-
 1 file changed, 39 insertions(+), 1 deletion(-)

diff --git a/src/layouts/partials/clipboard-copy.html b/src/layouts/partials/clipboard-copy.html
index 0ac1507..839e96f 100644
--- a/src/layouts/partials/clipboard-copy.html
+++ b/src/layouts/partials/clipboard-copy.html
@@ -5,7 +5,9 @@
     <!-- The button used to copy the text -->
 
     <button type="button" class="clipboard-copy" id="liveToastBtn" onclick="changeCopied()">copy</button>
-    <button type="button" class="clipboard-copy" id="source-btn" onclick="window.open('https://github.com/teaxyz/setup/blob/main/install.sh');">view source</button>
+    <a href="https://github.com/teaxyz/setup/blob/main/install.sh" class="src-link">
+      <button type="button" class="clipboard-copy source-btn" id="source-btn">view source</button>
+    </a>
   </div>
 <hr>
 
@@ -35,6 +37,15 @@
       border-left: 2px solid #949494;
     }
 
+    .source-btn{
+      width: 100% !important;
+    }
+
+    .src-link{
+      width: 20% !important;
+      padding: 0px !important;
+    }
+
     .clipboard-copy{
       height: 8.371vw;
       width: 20%;
@@ -84,6 +95,15 @@
       border-left: 2px solid #949494;
     }
 
+    .source-btn{
+      width: 100% !important;
+    }
+
+    .src-link{
+      width: 20% !important;
+      padding: 0px !important;
+    }
+
     .clipboard-copy{
       height: 8.371vw;
       width: 20%;
@@ -136,6 +156,15 @@
       border-left: 2px solid #949494;
     }
 
+    .source-btn{
+      width: 100% !important;
+    }
+
+    .src-link{
+      width: 50% !important;
+      padding: 0px !important;
+    }
+
     .clipboard-copy{
       padding: 5vw 4vw;
       width: 50%;
@@ -185,6 +214,15 @@
       border-right: 2px solid #949494;
     }
 
+    .source-btn{
+      width: 100% !important;
+    }
+
+    .src-link{
+      width: 50% !important;
+      padding: 0px !important;
+    }
+
     .clipboard-copy{
       padding: 5vw 4vw;
       width: 50%;