Mobile CSS fixes

static/css/components.css

@@ -275,6 +275,12 @@
         max-width: 100%;
     }
 
+        @media only screen and (max-width : 800px) {
+            .article-tooltip {
+                font-size: 17px;
+            }
+        }
+
         .article:hover > .article-tooltip {
             display: block;
         }

static/css/layout.css

@@ -78,15 +78,14 @@
         .block {
             grid-template-columns: 100%;
         }
-    }
-
-    @media only screen and (max-width : 570px) {
 
         .block-header {
             grid-column-start: 1;
             grid-column-end: 2;
         }
+    }
 
+    @media only screen and (max-width : 570px) {
         .feed-title-hidden {
             display: none;
         }

static/css/theme.css

@@ -47,7 +47,7 @@ body {
 
     @media only screen and (max-width : 800px) {
         body {
-            font-size: 14px;
+            font-size: 15px;
         }
     }