From 7d93563f43141550fcaf083b24bab3e868e69f54 Mon Sep 17 00:00:00 2001
From: Joshua Laymon <joshlaymon@icloud.com>
Date: Sun, 31 Aug 2025 00:37:04 +0000
Subject: [PATCH] Update web/templates/tools/login_attempts.html

---
 web/templates/tools/login_attempts.html | 28 +++++++++++++++++++++----
 1 file changed, 24 insertions(+), 4 deletions(-)

diff --git a/web/templates/tools/login_attempts.html b/web/templates/tools/login_attempts.html
index 30161f0..45ae829 100644
--- a/web/templates/tools/login_attempts.html
+++ b/web/templates/tools/login_attempts.html
@@ -23,17 +23,37 @@
           <tr style="background:#fff; box-shadow:0 1px 3px rgba(0,0,0,0.08);">
             <td style="padding:10px 14px;">{{ a.timestamp|date:"Y-m-d H:i:s" }}</td>
             <td style="padding:10px 14px;">{{ a.username }}</td>
-            <td style="padding:10px 14px;">{{ a.ip_address|default:"—" }}</td>
+            <td style="padding:10px 14px;">
+              {% if a.ip_address %}
+                <a href="http://{{ a.ip_address }}" target="_blank"
+                   style="display:inline-block; padding:4px 10px; border-radius:999px;
+                          background:#e5e7eb; color:#111; text-decoration:none; font-size:0.85em;">
+                  {{ a.ip_address }}
+                </a>
+              {% else %}
+                —
+              {% endif %}
+            </td>
             <td style="padding:10px 14px;">
               {% if a.success %}
-                <span class="badge badge-success">Success</span>
+                <span style="display:inline-block; padding:4px 12px; border-radius:999px;
+                             background:#22c55e; color:#fff; font-size:0.85em;">
+                  Success
+                </span>
               {% else %}
-                <span class="badge badge-danger">Failed</span>
+                <span style="display:inline-block; padding:4px 12px; border-radius:999px;
+                             background:#ef4444; color:#fff; font-size:0.85em;">
+                  Failed
+                </span>
               {% endif %}
             </td>
           </tr>
           {% empty %}
-          <tr><td colspan="4" class="muted" style="padding:12px 14px;">No login attempts in the last 7 days.</td></tr>
+          <tr>
+            <td colspan="4" class="muted" style="padding:12px 14px;">
+              No login attempts in the last 7 days.
+            </td>
+          </tr>
           {% endfor %}
         </tbody>
       </table>