Responsive navbar

1 files changed, 15 insertions, 21 deletions

diff --git a/tilde.css b/tilde.css
index fd7e224..416c6e7 100644
--- a/tilde.css
+++ b/tilde.css
@@ -25,36 +25,30 @@ pre {
 }
 
 #navigation {
-    margin: 0 auto;
-    text-align: center;
-}
-
-#navigation table {
-    border: 0px;
-    width: 100%;
+    display: flex;
+    flex-wrap: wrap;
+    text-decoration: none;
+    margin: 0;
+    padding: 0;
 }
 
-#navigation td {
-    text-align: center;
-    vertical-align: center;
-    height: 1.5em;
+#navigation div {
     background-color: #0B3861;
+    flex-grow: 1;
+    min-width: 3.2rem;
+    padding: .2em;
+    margin: .05em;
+    text-align: center;
 }
 
-#navigation td:hover {
+#navigation div:hover {
     background-color: #045fb4;
 }
 
-#navigation td a {
-    display: block;
-    width: 100%;
-    text-decoration: none;
-    min-width: 3.5rem;
-}
-
-#navigation td a:hover {
+#navigation div a {
+    color: white;
+    text-align: center;
     text-decoration: none;
-    color: #ffffff;
 }
 
 #content {