Improve ergonomics

- don't move focus link (remove padding and add border transparent [fff])
- separate title 'miniflux' on mobile version
- The links in .page in a single line on mobile version

miniflux/assets/css/app.css

@@ -24,13 +24,13 @@ body {
 
 a {
     color: #3366CC;
+    border: 1px solid #fff;
 }
 
 a:focus {
     outline: 0;
     color: red;
     text-decoration: none;
-    padding: 3px;
     border: 1px dotted #aaa;
 }
 
@@ -498,6 +498,7 @@ section li {
     .logo {
         display: block;
         float: none;
+        border-bottom: 1px solid #ccc;
     }
 
     header {
@@ -516,11 +517,19 @@ section li {
         display: block;
         line-height: 25px;
     }
+    
+    nav ul {
+        padding-top: 5px;
+    }
 
     .page {
         clear: both;
         padding-top: 20px;
     }
+    
+    .page li {
+        margin-left: 5px;
+    }
 
     .item {
         font-size: 0.8em;
@@ -534,4 +543,4 @@ section li {
         font-size: 0.9em;
         padding: 0;
     }
-}
+}