Fix footer links on small mobile devices

assets/style.css

@@ -399,6 +399,18 @@ footer {
   td:not(:first-child):before {
     min-width: 6em;
   }
+
+  /* List footer links */
+  footer .wrapper > a {
+    display: block;
+    margin-bottom: 0.2em;
+  }
+  footer .divider {
+    display: none;
+  }
+  .me {
+    float: none;
+  }
 }
 
 /* Icons */

views/index.html

@@ -27,12 +27,13 @@
     <footer>
       <div class="wrapper">
         <a href="/about">About</a>
-        -
+        <span class="divider">-</span>
         <a target="_blank" href="//github.com/lukechilds/tor-explorer">Source code</a>
-        -
+        <span class="divider">-</span>
         <a target="_blank" href="//github.com/lukechilds/tor-explorer/issues">Report a bug</a>
-
+        <div class="me">
-        <span class="me">A thing by <a target="_blank" href="//github.com/lukechilds">@lukechilds</a></span>
+          A thing by <a target="_blank" href="//github.com/lukechilds">@lukechilds</a>
+        </div>
       </div>
     </footer>