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

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

diff --git a/templates/neighbors.html b/templates/neighbors.html
index 467e4e5..068d896 100644
--- a/templates/neighbors.html
+++ b/templates/neighbors.html
@@ -16,25 +16,27 @@
                 Refresh data
             </button>
         </div>
-        <table class="striped table table-bordered" id="neighborsTable">
-            <thead>
-                <tr>
-                    <th class="sortable" onclick="sortTable('neighborsTable', 0, this)">IP Address <span class="sort-arrow"></span></th>
-                    <th class="sortable" onclick="sortTable('neighborsTable', 1, this)">Interface <span class="sort-arrow"></span></th>
-                    <th class="sortable" onclick="sortTable('neighborsTable', 2, this)">MAC Address <span class="sort-arrow"></span></th>
-                    <th class="sortable" onclick="sortTable('neighborsTable', 3, this)">State <span class="sort-arrow"></span></th>
-                </tr>
-            </thead>
-        <tbody id="neighborsTableBody">
-          <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="/neighbors/json">JSON version</a></p>
+
+        <div class="table-responsive">
+            <table class="striped table table-bordered" id="neighborsTable">
+                <thead>
+                    <tr>
+                        <th class="sortable" onclick="sortTable('neighborsTable', 0, this)">IP Address <span class="sort-arrow"></span></th>
+                        <th class="sortable" onclick="sortTable('neighborsTable', 1, this)">Interface <span class="sort-arrow"></span></th>
+                        <th class="sortable" onclick="sortTable('neighborsTable', 2, this)">MAC Address <span class="sort-arrow"></span></th>
+                        <th class="sortable" onclick="sortTable('neighborsTable', 3, this)">State <span class="sort-arrow"></span></th>
+                    </tr>
+                </thead>
+            <tbody id="neighborsTableBody">
+              <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="/neighbors/json">JSON version</a></p>
     </section>
 {% endblock %}
\ No newline at end of file