From d4ff2568e3e235a2d639b18e4b0ac64e8df7eb08 Mon Sep 17 00:00:00 2001
From: Chris Frankland-Wright <christopherjfrankland@googlemail.com>
Date: Fri, 8 Aug 2025 00:16:06 +0100
Subject: [PATCH] feat: Add network icon to 'Network' card header

Co-authored-by: aider (gemini/gemini-2.5-pro) <aider@aider.chat>
---
 static/index.html |  5 ++++-
 static/style.css  | 11 +++++++++++
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/static/index.html b/static/index.html
index 72e900b..7192e18 100644
--- a/static/index.html
+++ b/static/index.html
@@ -47,7 +47,10 @@
 
             <!-- Network Interfaces -->
             <div class="card">
-                <h2>Network</h2>
+                <div class="card-header">
+                    <img src="assets/timeturner_network.png" class="header-icon" alt="Network Icon">
+                    <h2>Network</h2>
+                </div>
                 <ul id="interfaces">
                     <li>--</li>
                 </ul>
diff --git a/static/style.css b/static/style.css
index dc06b6b..9745fd4 100644
--- a/static/style.css
+++ b/static/style.css
@@ -138,6 +138,17 @@ button:hover {
     height: 40px;
 }
 
+.header-icon {
+    width: 40px;
+    height: 40px;
+}
+
+.card-header {
+    display: flex;
+    align-items: center;
+    gap: 15px;
+}
+
 .collapsible-content {
     display: none;
     padding: 20px;