From 9ea2627bb30caccda3da8dddb1acc831606b3e80 Mon Sep 17 00:00:00 2001
From: Blackwhitebear8 <blackwhitebear8@git@pixelhosting.nl>
Date: Fri, 31 Oct 2025 20:04:36 +0100
Subject: [PATCH] Update templates/bgp_dampened.html

---
 templates/bgp_dampened.html | 60 ++++++++++++++++++++-----------------
 1 file changed, 32 insertions(+), 28 deletions(-)

diff --git a/templates/bgp_dampened.html b/templates/bgp_dampened.html
index 46ece15..267fc47 100644
--- a/templates/bgp_dampened.html
+++ b/templates/bgp_dampened.html
@@ -21,20 +21,22 @@
                i internal, r RIB-failure, S Stale, R Removed</p>
         <p></p> <p>Origin codes:  i - IGP, e - EGP, ? - incomplete</p>
         <p></p> <p>RPKI validation codes: V valid, I invalid, N Not found</p>
-        <table class="striped" id="dampenedTableIpv4">
-            <thead>
-                <tr>
-                    <th class="sortable" onclick="sortTable('dampenedTableIpv4', 0, this)">Status <span class="sort-arrow"></span></th>
-                    <th class="sortable" onclick="sortTable('dampenedTableIpv4', 1, this)">Prefix <span class="sort-arrow"></span></th>
-                    <th class="sortable" onclick="sortTable('dampenedTableIpv4', 2, this)">From <span class="sort-arrow"></span></th>
-                    <th class="sortable" onclick="sortTable('dampenedTableIpv4', 3, this)">Suppress Remain <span class="sort-arrow"></span></th>
-                    <th class="sortable" onclick="sortTable('dampenedTableIpv4', 4, this)">Path <span class="sort-arrow"></span></th>
-                </tr>
-            </thead>
-            <tbody id="dampenedTableBodyIpv4">
-            </tbody>
-        </table>
-      <p><a href="/bgp/dampened/json">JSON version</a></p>
+        
+        <div class="table-responsive">
+            <table class="striped" id="dampenedTableIpv4">
+                <thead>
+                    <tr>
+                        <th class="sortable" onclick="sortTable('dampenedTableIpv4', 0, this)">Status <span class="sort-arrow"></span></th>
+                        <th class="sortable" onclick="sortTable('dampenedTableIpv4', 1, this)">Prefix <span class="sort-arrow"></span></th>
+                        <th class="sortable" onclick="sortTable('dampenedTableIpv4', 2, this)">From <span class="sort-arrow"></span></th>
+                        <th class="sortable" onclick="sortTable('dampenedTableIpv4', 3, this)">Suppress Remain <span class="sort-arrow"></span></th>
+                        <th class="sortable" onclick="sortTable('dampenedTableIpv4', 4, this)">Path <span class="sort-arrow"></span></th>
+                    </tr>
+                </thead>
+                <tbody id="dampenedTableBodyIpv4">
+                </tbody>
+            </table>
+        </div> <p><a href="/bgp/dampened/json">JSON version</a></p>
     </section>
 
     <section id="dampened-ipv6">
@@ -52,19 +54,21 @@
                i internal, r RIB-failure, S Stale, R Removed</p>
         <p></p> <p>Origin codes:  i - IGP, e - EGP, ? - incomplete</p>
         <p></p> <p>RPKI validation codes: V valid, I invalid, N Not found</p>
-        <table class="striped" id="dampenedTableIpv6">
-            <thead>
-                <tr>
-                    <th class="sortable" onclick="sortTable('dampenedTableIpv6', 0, this)">Status <span class="sort-arrow"></span></th>
-                    <th class="sortable" onclick="sortTable('dampenedTableIpv6', 1, this)">Prefix <span class="sort-arrow"></span></th>
-                    <th class="sortable" onclick="sortTable('dampenedTableIpv6', 2, this)">From <span class="sort-arrow"></span></th>
-                    <th class="sortable" onclick="sortTable('dampenedTableIpv6', 3, this)">Suppress Remain <span class="sort-arrow"></span></th>
-                    <th class="sortable" onclick="sortTable('dampenedTableIpv6', 4, this)">Path <span class="sort-arrow"></span></th>
-                </tr>
-            </thead>
-            <tbody id="dampenedTableBodyIpv6">
-            </tbody>
-        </table>
-      <p><a href="/bgp/dampened/json">JSON version</a></p>
+        
+        <div class="table-responsive">
+            <table class="striped" id="dampenedTableIpv6">
+                <thead>
+                    <tr>
+                        <th class="sortable" onclick="sortTable('dampenedTableIpv6', 0, this)">Status <span class="sort-arrow"></span></th>
+                        <th class="sortable" onclick="sortTable('dampenedTableIpv6', 1, this)">Prefix <span class="sort-arrow"></span></th>
+                        <th class="sortable" onclick="sortTable('dampenedTableIpv6', 2, this)">From <span class="sort-arrow"></span></th>
+                        <th class="sortable" onclick="sortTable('dampenedTableIpv6', 3, this)">Suppress Remain <span class="sort-arrow"></span></th>
+                        <th class="sortable" onclick="sortTable('dampenedTableIpv6', 4, this)">Path <span class="sort-arrow"></span></th>
+                    </tr>
+                </thead>
+                <tbody id="dampenedTableBodyIpv6">
+                </tbody>
+            </table>
+        </div> <p><a href="/bgp/dampened/json">JSON version</a></p>
     </section>
 {% endblock %}
\ No newline at end of file