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

---
 templates/dhcpv6_leases.html | 49 ++++++++++++++++++------------------
 1 file changed, 25 insertions(+), 24 deletions(-)

diff --git a/templates/dhcpv6_leases.html b/templates/dhcpv6_leases.html
index 5ed4eea..f71fa4e 100644
--- a/templates/dhcpv6_leases.html
+++ b/templates/dhcpv6_leases.html
@@ -29,29 +29,30 @@
                 </button>
             </div>
 
-            <table class="striped table table-bordered" id="leaseTable">
-                <thead>
-                    <tr>
-                        <th class="sortable" onclick="sortTable('leaseTable', 0, this)">IPv6 Address <span class="sort-arrow"></span></th>
-                        <th class="sortable" onclick="sortTable('leaseTable', 1, this)">State <span class="sort-arrow"></span></th>
-                        <th class="sortable" onclick="sortTable('leaseTable', 2, this)">Last Communication <span class="sort-arrow"></span></th>
-                        <th class="sortable" onclick="sortTable('leaseTable', 3, this)">Lease Expiration <span class="sort-arrow"></span></th>
-                        <th class="sortable" onclick="sortTable('leaseTable', 4, this)">Remaining <span class="sort-arrow"></span></th>
-                        <th class="sortable" onclick="sortTable('leaseTable', 5, this)">Type <span class="sort-arrow"></span></th>
-                        <th class="sortable" onclick="sortTable('leaseTable', 6, this)">Pool <span class="sort-arrow"></span></th>
-                        <th class="sortable" onclick="sortTable('leaseTable', 7, this)">DUID <span class="sort-arrow"></span></th>
-                    </tr>
-                </thead>
-                <tbody id="leaseTableBody">
-                    <tr id="lease-loading-row">
-                        <td colspan="8" class="text-center">
-                            <div class="spinner-border text-primary" role="status">
-                                <span class="visually-hidden">Loading...</span>
-                            </div>
-                        </td>
-                    </tr>
-                </tbody>
-            </table>
-        {% endif %}
+            <div class="table-responsive">
+                <table class="striped table table-bordered" id="leaseTable">
+                    <thead>
+                        <tr>
+                            <th class="sortable" onclick="sortTable('leaseTable', 0, this)">IPv6 Address <span class="sort-arrow"></span></th>
+                            <th class="sortable" onclick="sortTable('leaseTable', 1, this)">State <span class="sort-arrow"></span></th>
+                            <th class="sortable" onclick="sortTable('leaseTable', 2, this)">Last Communication <span class="sort-arrow"></span></th>
+                            <th class="sortable" onclick="sortTable('leaseTable', 3, this)">Lease Expiration <span class="sort-arrow"></span></th>
+                            <th class="sortable" onclick="sortTable('leaseTable', 4, this)">Remaining <span class="sort-arrow"></span></th>
+                            <th class="sortable" onclick="sortTable('leaseTable', 5, this)">Type <span class="sort-arrow"></span></th>
+                            <th class="sortable" onclick="sortTable('leaseTable', 6, this)">Pool <span class="sort-arrow"></span></th>
+                            <th class="sortable" onclick="sortTable('leaseTable', 7, this)">DUID <span class="sort-arrow"></span></th>
+                        </tr>
+                    </thead>
+                    <tbody id="leaseTableBody">
+                        <tr id="lease-loading-row">
+                            <td colspan="8" class="text-center">
+                                <div class="spinner-border text-primary" role="status">
+                                    <span class="visually-hidden">Loading...</span>
+                                </div>
+                            </td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div> {% endif %}
     </section>
 {% endblock %}
\ No newline at end of file