Improved font scaling on Android

public_html/css/core.css

@@ -9,9 +9,15 @@ body {
 	overflow-y: scroll;
 }
 
+@media all and (max-width: 40em) {
+	body {
+		font-size: 15px;
+	}
+}
+
 h1 {
 	font-weight: normal;
-	font-size: 30px;
+	font-size: 160%;
 }
 
 h2 {
@@ -21,11 +27,11 @@ h2 {
 
 h3 {
 	font-weight: normal;
-	font-size: 20px;
+	font-size: 120%;
 }
 
 small {
-	font-size: 13px;
+	font-size: 87%;
 }
 
 #middle {

public_html/css/forms.css

@@ -40,7 +40,7 @@ input[type=password] {
 	box-shadow: 0 1px 2px -1px #e0e0e0 inset;
 	background: #fafafa;
 	font-family: 'Inconsolata', monospace;
-	font-size: 17px;
+	font-size: 110%;
 	text-overflow: ellipsis;
 	width: 100%;
 	box-sizing: border-box;

public_html/css/post.css

@@ -147,12 +147,12 @@
 	vertical-align: top;
 }
 #sidebar .essential li i.fa {
-	font-size: 30px;
+	font-size: 200%;
 }
 #sidebar .essential li a {
 	display: block;
 	text-align: center;
-	font-size: 12px;
+	font-size: 87%;
 }
 
 #post-view #post-edit-target {

public_html/css/tags.css

@@ -28,7 +28,7 @@
 	line-height: normal;
 }
 #tag-view small {
-	font-size: 12px;
+	font-size: 0.85em;
 }
 
 #tag-view .siblings ul {

public_html/css/top-navigation.css

@@ -17,7 +17,7 @@
 	text-transform: lowercase;
 	font-variant: small-caps;
 	padding: 0.5em 1em;
-	font-size: 15px;
+	font-size: 0.9em;
 }
 
 #top-navigation li a:focus,
@@ -34,7 +34,7 @@
 }
 
 #top-navigation i {
-	font-size: 40px;
+	font-size: 3em;
 	margin: 0 10px 5px;
 }
 

public_html/css/user-list.css

@@ -56,5 +56,5 @@
 #user-list .user h1 {
 	margin-top: 0;
 	font-weight: normal;
-	font-size: 16pt;
+	font-size: 1.25em;
 }

public_html/index.html

@@ -15,6 +15,7 @@
 	data-tag-categories='<%= JSON.stringify(tagCategories).replace(/'/g, '&#039;') %>'>
 /build -->
 	<meta charset="utf-8"/>
+	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
 
 	<!-- build:remove -->
 	<title>szurubooru</title>