From e8e7473e87538115520e5b4871814c38bdc4d2cb Mon Sep 17 00:00:00 2001
From: Blackwhitebear8 <blackwhitebear8@git@pixelhosting.nl>
Date: Fri, 31 Oct 2025 20:05:19 +0100
Subject: [PATCH] Update templates/arp.html

---
 templates/arp.html | 42 ++++++++++++++++++++++--------------------
 1 file changed, 22 insertions(+), 20 deletions(-)

diff --git a/templates/arp.html b/templates/arp.html
index 5363677..1ee59b7 100644
--- a/templates/arp.html
+++ b/templates/arp.html
@@ -16,25 +16,27 @@
                 Refresh data
             </button>
         </div>
-        <table class="striped table table-bordered" id="arpTable">
-            <thead>
-                <tr>
-                    <th class="sortable" onclick="sortTable('arpTable', 0, this)">IP Address <span class="sort-arrow"></span></th>
-                    <th class="sortable" onclick="sortTable('arpTable', 1, this)">Interface <span class="sort-arrow"></span></th>
-                    <th class="sortable" onclick="sortTable('arpTable', 2, this)">MAC Address <span class="sort-arrow"></span></th>
-                    <th class="sortable" onclick="sortTable('arpTable', 3, this)">State <span class="sort-arrow"></span></th>
-                </tr>
-            </thead>
-        <tbody id="arpTableBody">
-          <tr id="arp-loading-row">
-            <td colspan="4" class="text-center">
-              <div class="spinner-border text-primary" role="status">
-                <span class="visually-hidden">Loading...</span>
-              </div>
-            </td>
-          </tr>
-        </tbody>
-        </table>
-        <p><a href="/arp/json">JSON version</a></p>
+        
+        <div class="table-responsive">
+            <table class="striped table table-bordered" id="arpTable">
+                <thead>
+                    <tr>
+                        <th class="sortable" onclick="sortTable('arpTable', 0, this)">IP Address <span class="sort-arrow"></span></th>
+                        <th class="sortable" onclick="sortTable('arpTable', 1, this)">Interface <span class="sort-arrow"></span></th>
+                        <th class="sortable" onclick="sortTable('arpTable', 2, this)">MAC Address <span class="sort-arrow"></span></th>
+                        <th class="sortable" onclick="sortTable('arpTable', 3, this)">State <span class="sort-arrow"></span></th>
+                    </tr>
+                </thead>
+            <tbody id="arpTableBody">
+              <tr id="arp-loading-row">
+                <td colspan="4" class="text-center">
+                  <div class="spinner-border text-primary" role="status">
+                    <span class="visually-hidden">Loading...</span>
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+            </table>
+        </div> <p><a href="/arp/json">JSON version</a></p>
     </section>
 {% endblock %}
\ No newline at end of file