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 <[email protected]>

Author: Sammy-T

static/base.css

@@ -1239,6 +1239,10 @@ select {
   display: none;
 }
 
+.overflow {
+  overflow: auto;
+}
+
 .min-h-screen {
   min-height: 100vh;
 }

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>