fix IE5 nav spacing

public/css/main.css

@@ -134,16 +134,15 @@ hr.textonly {
 
 .titlebar .menu {
     position: relative;
-    margin: 10px 15px;
+    padding: 10px 15px;
+    min-height: 32px;
     text-align: right;
     vertical-align: middle;
 }
 
 .titlebar .menu a {
-    display: inline-block;
-    padding: 5px;
-    padding-right: 0;
-    line-height: 22px;
+    display: inline;
+    line-height: 32px;
     color: #aaa;
     text-decoration: none;
 }

public/css/mobile.css

@@ -19,6 +19,7 @@
 
 	.titlebar .menu {
         position: relative;
+        padding: 10px 15px;
 		float: none;
         text-align: center;
 		max-width: unset;

resources/views/partial/header.blade.php

@@ -5,9 +5,13 @@
         </div>
         <div class="menu">
             <a href="{{ route('index') }}">Home</a>
+            <span class="space">&nbsp;</span>
             <a href="{{ route('popular-threads') }}">Popular</a>
+            <span class="space">&nbsp;</span>
             <a href="{{ route('latest-threads') }}">Latest</a>
+            <span class="space">&nbsp;</span>
             <a href="{{ route('events') }}">Event log</a>
+            <span class="space">&nbsp;</span>
             <a href="{{ route('preferences') }}">Preferences</a>
         </div>
     </div>