From 7bdefebf2a587df90da75b5e97631a17ad3839b1 Mon Sep 17 00:00:00 2001
From: Sammy-T <cyam9019@gmail.com>
Date: Wed, 20 Aug 2025 08:39:32 -0400
Subject: [PATCH 1/2] Fix table overflow

The table content overflows on small screens. This allows it to scroll so it doesn't affect the rest of the page.

Signed-off-by: Sammy-T <cyam9019@gmail.com>
---
 static/base.css |  4 ++++
 tmpl/help.html  | 46 ++++++++++++++++++++++++----------------------
 2 files changed, 28 insertions(+), 22 deletions(-)

diff --git a/static/base.css b/static/base.css
index c7c5bcd..fefefa2 100644
--- a/static/base.css
+++ b/static/base.css
@@ -1239,6 +1239,10 @@ select {
   display: none;
 }
 
+.overflow {
+  overflow: auto;
+}
+
 .min-h-screen {
   min-height: 100vh;
 }
diff --git a/tmpl/help.html b/tmpl/help.html
index 7b66b61..76eeb75 100644
--- a/tmpl/help.html
+++ b/tmpl/help.html
@@ -81,28 +81,30 @@ <h2 id="advanced">Advanced destination links</h2>
 
 <h3>Examples</h3>
 
-<table>
-  <tr>
-    <td>Include path in query</td>
-    <td>{{go}}/search</td>
-    <td>{{`https://cloudsearch.google.com/{{if .Path}}cloudsearch/search?q={{QueryEscape .Path}}{{end}}`}}</td>
-  </tr>
-  <tr>
-    <td>Include path in destination path</td>
-    <td>{{go}}/slack</td>
-    <td>{{`https://company.slack.com/{{if .Path}}channels/{{PathEscape .Path}}{{end}}`}}</td>
-  </tr>
-  <tr>
-    <td>Include path in hostname</td>
-    <td>{{go}}/varz</td>
-    <td>{{`http://{{if .Path}}{{.Path}}{{else}}host{{end}}.example/debug/varz`}}</td>
-  </tr>
-  <tr>
-    <td>Include today's date in wiki page</td>
-    <td>{{go}}/today</td>
-    <td>{{`http://wiki/{{.Now.Format "01-02-2006"}}`}}</td>
-  </tr>
-</table>
+<div class="overflow">
+  <table>
+    <tr>
+      <td>Include path in query</td>
+      <td>{{go}}/search</td>
+      <td>{{`https://cloudsearch.google.com/{{if .Path}}cloudsearch/search?q={{QueryEscape .Path}}{{end}}`}}</td>
+    </tr>
+    <tr>
+      <td>Include path in destination path</td>
+      <td>{{go}}/slack</td>
+      <td>{{`https://company.slack.com/{{if .Path}}channels/{{PathEscape .Path}}{{end}}`}}</td>
+    </tr>
+    <tr>
+      <td>Include path in hostname</td>
+      <td>{{go}}/varz</td>
+      <td>{{`http://{{if .Path}}{{.Path}}{{else}}host{{end}}.example/debug/varz`}}</td>
+    </tr>
+    <tr>
+      <td>Include today's date in wiki page</td>
+      <td>{{go}}/today</td>
+      <td>{{`http://wiki/{{.Now.Format "01-02-2006"}}`}}</td>
+    </tr>
+  </table>
+</div>
 
 <h2 id="api">Application Programming Interface (API)</h2>
 

From b38a8a7dd670a01e2cb384991ed7152235ef6232 Mon Sep 17 00:00:00 2001
From: Sammy-T <cyam9019@gmail.com>
Date: Wed, 20 Aug 2025 15:02:11 -0400
Subject: [PATCH 2/2] Switch table container to Tailwind 'overflow-auto'

Signed-off-by: Sammy-T <cyam9019@gmail.com>
---
 static/base.css | 8 ++++----
 tmpl/help.html  | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/static/base.css b/static/base.css
index fefefa2..4543e6a 100644
--- a/static/base.css
+++ b/static/base.css
@@ -1239,10 +1239,6 @@ select {
   display: none;
 }
 
-.overflow {
-  overflow: auto;
-}
-
 .min-h-screen {
   min-height: 100vh;
 }
@@ -1299,6 +1295,10 @@ select {
   align-items: center;
 }
 
+.overflow-auto {
+  overflow: auto;
+}
+
 .truncate {
   overflow: hidden;
   text-overflow: ellipsis;
diff --git a/tmpl/help.html b/tmpl/help.html
index 76eeb75..efdcc7b 100644
--- a/tmpl/help.html
+++ b/tmpl/help.html
@@ -81,7 +81,7 @@ <h2 id="advanced">Advanced destination links</h2>
 
 <h3>Examples</h3>
 
-<div class="overflow">
+<div class="overflow-auto">
   <table>
     <tr>
       <td>Include path in query</td>