From ad41c1fe6b6c32dee2f9dbcc2595521e8b79e55f Mon Sep 17 00:00:00 2001
From: Joel Samson <joel.samson@hotmail.com>
Date: Sun, 12 Jan 2025 13:19:33 -0500
Subject: [PATCH 1/2] Move Eye Icon within Textbox

Small Adjustment as requested by @TheS1R
---
 MerlinAU.asp | 38 ++++++++++++++++++++++++++++++++------
 1 file changed, 32 insertions(+), 6 deletions(-)

diff --git a/MerlinAU.asp b/MerlinAU.asp
index 7dc7cffe..26589dd0 100644
--- a/MerlinAU.asp
+++ b/MerlinAU.asp
@@ -58,16 +58,20 @@ function togglePassword()
 {
     const passInput = document.getElementById('routerPassword');
     const eyeDiv = document.getElementById('eyeToggle');
+    
+    // Base64-encoded SVG strings
+    const eyeOpenSVG = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xLjI2IDkuNkE2Ljk3IDYuOTcgMCAwMTggNGMzLjIgMCA2LjA2IDIuMzMgNi43NCA1LjZhLjUuNSAwIDAwLjk4LS4yQTcuOTcgNy45NyAwIDAwOCAzIDcuOTcgNy45NyAwIDAwLjI4IDkuNGEuNS41IDAgMDAuOTguMnoiIGZpbGw9IldpbmRvd1RleHQiLz48cGF0aCBkPSJNOCA2YTMuNSAzLjUgMCAxMDAgNyAzLjUgMy41IDAgMDAwLTd6TTUuNSA5LjVhMi41IDIuNSAwIDExNSAwIDIuNSAyLjUgMCAwMS01IDB6IiBmaWxsPSJXaW5kb3dUZXh0Ii8+DQo8L3N2Zz4=";
+    const eyeClosedSVG = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIGZpbGw9IldpbmRvd1RleHQiPjxwYXRoIGQ9Ik0uODUuMTVhLjUuNSAwIDEwLS43LjdsMy41IDMuNUE4LjEgOC4xIDAgMDAuMjggOS40YS41LjUgMCAwMC45OC4yIDcuMDkgNy4wOSAwIDAxMy4xLTQuNTNsMS42IDEuNTlhMy41IDMuNSAwIDEwNC44OCA0Ljg5bDQuMyA0LjNhLjUuNSAwIDAwLjcxLS43bC0xNS0xNXptOS4yNyAxMC42OGEyLjUgMi41IDAgMTEtMy40NS0zLjQ1bDMuNDUgMy40NXoiLz48cGF0aCBkPSJNOC4xMiA2bDMuMzggMy4zOEEzLjUgMy41IDAgMDA4LjEyIDZ6Ii8+PHBhdGggZD0iTTggNGMtLjU3IDAtMS4xMy4wNy0xLjY3LjIxbC0uOC0uOEE3LjY1IDcuNjUgMCAwMTggM2MzLjcgMCA2Ljk0IDIuNjcgNy43MiA2LjRhLjUuNSAwIDAxLS45OC4yQTYuOTcgNi45NyAwIDAwOCA0eiIvPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9ImNsaXAwIj48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMCAwaDE2djE2SDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+DQo8L3N2Zz4=";
 
     if (passInput.type === 'password')
     {
         passInput.type = 'text';
-        eyeDiv.style.background = "url('/images/icon-invisible@2x.png') no-repeat center";
+        eyeDiv.style.background = `url('${eyeClosedSVG}') no-repeat center`;
     } 
     else
     {
         passInput.type = 'password';
-        eyeDiv.style.background = "url('/images/icon-visible@2x.png') no-repeat center";
+        eyeDiv.style.background = `url('${eyeOpenSVG}') no-repeat center`;
     }
     eyeDiv.style.backgroundSize = 'contain';
 }
@@ -1202,11 +1206,33 @@ function initializeCollapsibleSections()
    <col style="width: 50%;" />
 </colgroup>
 <tr>
-   <td style="text-align: left;"><label for="routerPassword">Router Login Password</label></td>
+   <td style="text-align: left;">
+     <label for="routerPassword">Router Login Password</label>
+   </td>
    <td>
-      <div style="display: inline-block;">
-      <input type="password" id="routerPassword" name="routerPassword" placeholder="Enter password" style="width: 270px; display: inline-block;" />
-      <div id="eyeToggle" onclick="togglePassword();" style="display: inline-block; margin-left: 5px; vertical-align: middle; width:24px; height:24px; background:url('/images/icon-visible@2x.png') no-repeat center; background-size: contain; cursor: pointer;"></div>
+      <div style="position: relative; width: 278px;">
+         <input
+           type="password"
+           id="routerPassword"
+           name="routerPassword"
+           placeholder="Enter password"
+           style="width: 100%; display: inline-block;"
+         />
+         <div
+             id="eyeToggle"
+             onclick="togglePassword();"
+             style="
+               position: absolute;
+               right: 5px;
+               top: 50%;
+               transform: translateY(-50%);
+               width: 20px;
+               height: 20px;
+               background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xLjI2IDkuNkE2Ljk3IDYuOTcgMCAwMTggNGMzLjIgMCA2LjA2IDIuMzMgNi43NCA1LjZhLjUuNSAwIDAwLjk4LS4yQTcuOTcgNy45NyAwIDAwOCAzIDcuOTcgNy45NyAwIDAwLjI4IDkuNGEuNS41IDAgMDAuOTguMnoiIGZpbGw9IldpbmRvd1RleHQiLz48cGF0aCBkPSJNOCA2YTMuNSAzLjUgMCAxMDAgNyAzLjUgMy41IDAgMDAwLTd6TTUuNSA5LjVhMi41IDIuNSAwIDExNSAwIDIuNSAyLjUgMCAwMS01IDB6IiBmaWxsPSJXaW5kb3dUZXh0Ii8+DQo8L3N2Zz4=') no-repeat center;
+               background-size: contain;
+               cursor: pointer;
+             "
+         ></div>
       </div>
    </td>
 </tr>

From 8fff7e1d1386a3d62f36e5b7f52080f55599d265 Mon Sep 17 00:00:00 2001
From: Joel Samson <joel.samson@hotmail.com>
Date: Sun, 12 Jan 2025 21:58:05 -0500
Subject: [PATCH 2/2] Update MerlinAU.asp

---
 MerlinAU.asp | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/MerlinAU.asp b/MerlinAU.asp
index 26589dd0..fcb7e6f6 100644
--- a/MerlinAU.asp
+++ b/MerlinAU.asp
@@ -1216,7 +1216,10 @@ function initializeCollapsibleSections()
            id="routerPassword"
            name="routerPassword"
            placeholder="Enter password"
-           style="width: 100%; display: inline-block;"
+           style="width: 100%; display: inline-block;
+           padding-right: 35px;
+           box-sizing: border-box;
+           "
          />
          <div
              id="eyeToggle"