css: fix table overflow

static/style.css

@@ -258,6 +258,7 @@ a:hover {
   gap: 1rem;
   padding: 0.5rem;
   background: var(--light-gray);
+  overflow-x: auto;
 }
 
 .file-content {

templates/file.html

@@ -7,16 +7,22 @@
     <main>
       <p>{{ .path }}</p>
       <div class="file-wrapper">
-        <div class="line-numbers">
+      <table >
+        <tbody><tr>
+            <td class="line-numbers">
+              <pre>
             {{- range .linecount }}
  <a id="L{{ . }}" href="#L{{ . }}">{{ . }}</a>
             {{- end -}}
-        </div>
-        <div class="file-content">
-          <span></span>
+              </pre>
+            </td>
+            <td class="file-content">
               <pre>
              {{- .content -}}
               </pre>
+            </td>
+        </tbody></tr>
+      </table>
       </div>
     </main>
   </body>