Responsive on small screens

styles/01-styles.scss

@@ -191,6 +191,11 @@ input[type="submit"] {
     }
 }
 
+.overflow-x {
+    max-width: 100%;
+    overflow-x: auto;
+}
+
 .grid-2col {
     display: grid;
     grid-template-columns: auto 1fr;

styles/02-responsive.scss

@@ -0,0 +1,18 @@
+@media screen and (max-width:65rem) {
+
+    .sidebar {
+        width: 100%;
+        height: auto;
+        position: initial;
+        text-align: center;
+
+        .sidebar_search form {
+            width: 18em;
+            margin: auto;
+        }
+    }
+
+    .content {
+        margin-left: 0;
+    }
+}

views/index.ejs

@@ -9,6 +9,7 @@
     <%- include("navigation", locals) %>
     <div class="content">
         <h1>Build history</h1>
+        <div class="overflow-x">
             <table>
                 <tr>
                     <th>Repo</th>
@@ -28,6 +29,7 @@
                 <% }) %>
             </table>
         </div>
+    </div>
     <%- include("footer", locals) %>
     <script src="/assets/js/timezone.js?v1" nonce="<%= cspNonce %>"></script>
 </body>