Revert "Restyle header links"

This reverts commit f3e764f4051f4d53b98252162f480a05457c47b7.

2 files changed, 59 insertions, 17 deletions

diff --git a/header.html b/header.html
index 7b6ce63..3b4b93d 100644
--- a/header.html
+++ b/header.html
@@ -9,15 +9,41 @@
    ╚═╝   ╚═╝╚══════╝╚═════╝ ╚══════╝╚═╝╚═╝╚═╝  ╚═══╝╚══════╝   ╚═╝   ╚═╝   ╚═╝    ╚═════╝    ╚═╝   ╚══════╝</pre>
 </div>
 <div id="navigation">
-  <a href="http://tilde.institute">News</a>
-  <a href="/faq">FAQ</a>
-  <a href="/signup">Sign Up</a>
-  <a href="https://wiki.tilde.institute">Wiki</a>
-  <a href="https://git.tilde.institute/">Git</a>
-  <a href="https://twtxt.tilde.institute">twtxt</a>
-  <a href="https://crawl.tildeverse.org">crawl/dcss</a>
-  <a rel="me" href="https://tilde.zone/@tildeinstitute">Fediverse</a>
-  <a href="/stats">Stats</a>
-  <a href="/coc">CoC</a>
-  <a href="tilde.json"><code>tilde.json</code></a>
+    <table>
+        <tr>
+            <td>
+                <a href="http://tilde.institute">News</a>
+            </td>
+	    <td>
+		<a href="/faq">FAQ</a>
+	    </td>
+            <td>
+                <a href="/signup">Sign Up</a>
+            </td>
+            <td>
+                <a href="https://wiki.tilde.institute">Wiki</a>
+            </td>
+            <td>
+                <a href="https://git.tilde.institute/">Git</a>
+            </td>
+            <td>
+                <a href="https://twtxt.tilde.institute">twtxt</a>
+            </td>
+	    <td>
+		<a href="https://crawl.tildeverse.org">crawl/dcss</a>
+	    </td>
+            <td>
+                <a rel="me" href="https://tilde.zone/@tildeinstitute">Fediverse</a>
+            </td>
+            <td>
+                <a href="/stats">Stats</a>
+            </td>
+            <td>
+                <a href="/coc">CoC</a>
+            </td>
+            <td>
+                <a href="tilde.json"><code>tilde.json</code></a>
+            </td>
+        </tr>
+    </table>
 </div>
diff --git a/tilde.css b/tilde.css
index 8745bf7..fd7e224 100644
--- a/tilde.css
+++ b/tilde.css
@@ -25,19 +25,35 @@ pre {
 }
 
 #navigation {
-    line-height: 2.4em;
+    margin: 0 auto;
     text-align: center;
 }
 
-#navigation a {
-    padding: 0.36em;
-    margin: -0.05em;
-    text-decoration: none;
+#navigation table {
+    border: 0px;
+    width: 100%;
+}
+
+#navigation td {
+    text-align: center;
+    vertical-align: center;
+    height: 1.5em;
     background-color: #0B3861;
 }
 
-#navigation a:hover {
+#navigation td:hover {
     background-color: #045fb4;
+}
+
+#navigation td a {
+    display: block;
+    width: 100%;
+    text-decoration: none;
+    min-width: 3.5rem;
+}
+
+#navigation td a:hover {
+    text-decoration: none;
     color: #ffffff;
 }