From ba855d520a7773505b0bdcfb731888554c9625a7 Mon Sep 17 00:00:00 2001
From: Chris Frankland-Wright <christopherjfrankland@googlemail.com>
Date: Fri, 8 Aug 2025 01:00:51 +0100
Subject: [PATCH] refactor: Display network interfaces on a single line

Co-authored-by: aider (gemini/gemini-2.5-pro) <aider@aider.chat>
---
 static/index.html |  4 +---
 static/script.js  | 11 ++---------
 static/style.css  |  5 -----
 3 files changed, 3 insertions(+), 17 deletions(-)

diff --git a/static/index.html b/static/index.html
index e2cce80..1f2f4ac 100644
--- a/static/index.html
+++ b/static/index.html
@@ -50,9 +50,7 @@
                     <img src="assets/timeturner_network.png" class="header-icon" alt="Network Icon">
                     <h2>Network</h2>
                 </div>
-                <ul id="interfaces">
-                    <li>--</li>
-                </ul>
+                <p id="interfaces">--</p>
             </div>
 
             <!-- Controls -->
diff --git a/static/script.js b/static/script.js
index 9b05dc7..2e4fc1b 100644
--- a/static/script.js
+++ b/static/script.js
@@ -142,17 +142,10 @@ document.addEventListener('DOMContentLoaded', () => {
         statusElements.jitterStatus.innerHTML = `<img src="${jitterIconInfo.src}" class="status-icon" alt="" title="${jitterIconInfo.tooltip}">`;
         statusElements.jitterStatus.className = jitterStatus.toLowerCase();
 
-        statusElements.interfaces.innerHTML = '';
         if (data.interfaces.length > 0) {
-            data.interfaces.forEach(ip => {
-                const li = document.createElement('li');
-                li.textContent = ip;
-                statusElements.interfaces.appendChild(li);
-            });
+            statusElements.interfaces.textContent = data.interfaces.join(' | ');
         } else {
-            const li = document.createElement('li');
-            li.textContent = 'No active interfaces found.';
-            statusElements.interfaces.appendChild(li);
+            statusElements.interfaces.textContent = 'No active interfaces found.';
         }
     }
 
diff --git a/static/style.css b/static/style.css
index cc9e9df..0d64a03 100644
--- a/static/style.css
+++ b/static/style.css
@@ -65,11 +65,6 @@ body {
     letter-spacing: 2px;
 }
 
-.card ul {
-    padding-left: 20px;
-    list-style: none;
-}
-
 .full-width {
     grid-column: 1 / -1;
 }