From 9ea4b4eac553aae7147c52ed1b417f88fb833105 Mon Sep 17 00:00:00 2001
From: Aidan <aidan@p0ntus.com>
Date: Tue, 15 Apr 2025 00:44:23 -0400
Subject: [PATCH] design/chore: remove old modal, styling fixes

---
 module/webroot/src/index.html | 30 +++++++++---------------------
 1 file changed, 9 insertions(+), 21 deletions(-)

diff --git a/module/webroot/src/index.html b/module/webroot/src/index.html
index 70e9949..912e6c5 100644
--- a/module/webroot/src/index.html
+++ b/module/webroot/src/index.html
@@ -16,7 +16,8 @@
     </header>
 
     <main class="p-4">
-      <h2 class="text-2xl font-bold mb-4">Self-Check</h2>
+      <p class="mt-2">Made with ❤️ by ihatenodejs</p>
+      <h2 class="text-2xl font-bold my-4">Self-Check</h2>
       <table class="w-full bg-gray-700 border-collapse border border-gray-600 mb-4">
         <tbody>
           <tr>
@@ -27,16 +28,16 @@
                   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-router-icon lucide-router w-4 h-4"><rect width="20" height="8" x="2" y="14" rx="2"/><path d="M6.01 18H6"/><path d="M10.01 18H10"/><path d="M15 10v4"/><path d="M17.84 7.17a4 4 0 0 0-5.66 0"/><path d="M20.66 4.34a8 8 0 0 0-11.31 0"/></svg>
                   Test
                 </span>
-                <span id="testBtnLoading" class="flex items-center gap-2 hidden">
+                <span id="testBtnLoading" class="hidden items-center gap-2">
                   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-loader-icon lucide-loader w-4 h-4 animate-spin"><path d="M12 2v4"/><path d="m16.2 7.8 2.9-2.9"/><path d="M18 12h4"/><path d="m16.2 16.2 2.9 2.9"/><path d="M12 18v4"/><path d="m4.9 19.1 2.9-2.9"/><path d="M2 12h4"/><path d="m4.9 4.9 2.9 2.9"/></svg>
                   Testing...
                 </span>
               </button>
-              <span id="connectionStatus" class="ml-2 text-green-400 flex items-center gap-2 hidden">
+              <span id="connectionStatus" class="ml-2 text-green-400 hidden items-center gap-2">
                 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check-icon lucide-check w-5 h-5"><path d="M20 6 9 17l-5-5"/></svg>
                 Connected
               </span>
-              <span id="connectionError" class="ml-2 text-red-400 flex items-center gap-2 hidden">
+              <span id="connectionError" class="ml-2 text-red-400 hidden items-center gap-2">
                 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x-icon lucide-x w-5 h-5"><path d="M18 6 6 18"/><path d="M6 6l12 12"/></svg>
                 Error
               </span>
@@ -83,13 +84,13 @@
           <tr>
             <th class="border border-gray-600 p-2 text-left">Server</th>
             <td class="border border-gray-600 p-2">
-              <div class="flex items-center justify-between">
+              <div class="flex flex-wrap items-center gap-2">
                 <span id="server" class="flex items-center gap-2">
                   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-loader-icon lucide-loader w-5 h-5 animate-spin" id="serverLoader"><path d="M12 2v4"/><path d="m16.2 7.8 2.9-2.9"/><path d="M18 12h4"/><path d="m16.2 16.2 2.9 2.9"/><path d="M12 18v4"/><path d="m4.9 19.1 2.9-2.9"/><path d="M2 12h4"/><path d="m4.9 4.9 2.9 2.9"/></svg>
                   <span id="serverText">Loading...</span>
                 </span>
                 <div class="flex items-center gap-2">
-                  <input type="text" id="serverInput" class="hidden bg-gray-700 border border-gray-600 rounded-md p-1 text-white w-64" placeholder="Enter server URL">
+                  <input type="text" id="serverInput" class="hidden bg-gray-700 border border-gray-600 rounded-md p-1 text-white w-full sm:w-64" placeholder="Enter server URL">
                   <button id="editServerBtn" class="bg-slate-500 text-white px-3 py-1 rounded-md hover:bg-slate-600 transition-colors">
                     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-pencil w-4 h-4"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg>
                   </button>
@@ -106,13 +107,13 @@
           <tr>
             <th class="border border-gray-600 p-2 text-left">Email</th>
             <td class="border border-gray-600 p-2">
-              <div class="flex items-center justify-between">
+              <div class="flex flex-wrap items-center gap-2">
                 <span id="email" class="flex items-center gap-2">
                   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-loader-icon lucide-loader w-5 h-5 animate-spin" id="emailLoader"><path d="M12 2v4"/><path d="m16.2 7.8 2.9-2.9"/><path d="M18 12h4"/><path d="m16.2 16.2 2.9 2.9"/><path d="M12 18v4"/><path d="m4.9 19.1 2.9-2.9"/><path d="M2 12h4"/><path d="m4.9 4.9 2.9 2.9"/></svg>
                   <span id="emailText">Loading...</span>
                 </span>
                 <div class="flex items-center gap-2">
-                  <input type="email" id="emailInput" class="hidden bg-gray-700 border border-gray-600 rounded-md p-1 text-white w-64" placeholder="Enter your email">
+                  <input type="email" id="emailInput" class="hidden bg-gray-700 border border-gray-600 rounded-md p-1 text-white w-full sm:w-64" placeholder="Enter your email">
                   <button id="editEmailBtn" class="bg-slate-500 text-white px-3 py-1 rounded-md hover:bg-slate-600 transition-colors">
                     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-pencil w-4 h-4"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg>
                   </button>
@@ -150,19 +151,6 @@
           </button>
         </a>
       </div>
-      <p class="mt-4 text-center">Made with ❤️ by ihatenodejs</p>
     </main>
-
-    <!-- Email Edit Modal -->
-    <div id="emailModal" class="fixed inset-0 bg-black bg-opacity-50 hidden flex items-center justify-center">
-      <div class="bg-gray-800 p-6 rounded-lg w-96">
-        <h3 class="text-xl font-bold mb-4">Edit Email</h3>
-        <input type="email" id="emailInput" class="w-full bg-gray-700 border border-gray-600 rounded-md p-2 mb-4 text-white" placeholder="Enter your email">
-        <div class="flex justify-end gap-2">
-          <button id="cancelEmailBtn" class="bg-gray-600 text-white px-4 py-2 rounded-md hover:bg-gray-700 transition-colors">Cancel</button>
-          <button id="saveEmailBtn" class="bg-slate-500 text-white px-4 py-2 rounded-md hover:bg-slate-600 transition-colors">Save</button>
-        </div>
-      </div>
-    </div>
   </body>
 </html>