From 2ab4da11fc8f1fccd9ef67a959b0dc0e635dd5b9 Mon Sep 17 00:00:00 2001
From: Marcin Kurczewski <mkurczew@gmail.com>
Date: Mon, 26 Jan 2015 08:50:25 +0100
Subject: [PATCH] Improved font scaling on Android

---
 public_html/css/core.css           | 12 +++++++++---
 public_html/css/forms.css          |  2 +-
 public_html/css/post.css           |  4 ++--
 public_html/css/tags.css           |  2 +-
 public_html/css/top-navigation.css |  4 ++--
 public_html/css/user-list.css      |  2 +-
 public_html/index.html             |  1 +
 7 files changed, 17 insertions(+), 10 deletions(-)

diff --git a/public_html/css/core.css b/public_html/css/core.css
index 6bb051bd..6c3177b8 100644
--- a/public_html/css/core.css
+++ b/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 {
diff --git a/public_html/css/forms.css b/public_html/css/forms.css
index 1d600e82..ef7f375e 100644
--- a/public_html/css/forms.css
+++ b/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;
diff --git a/public_html/css/post.css b/public_html/css/post.css
index dc78f4ea..01f59005 100644
--- a/public_html/css/post.css
+++ b/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 {
diff --git a/public_html/css/tags.css b/public_html/css/tags.css
index 4ba4c87a..cfcaedee 100644
--- a/public_html/css/tags.css
+++ b/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 {
diff --git a/public_html/css/top-navigation.css b/public_html/css/top-navigation.css
index 161d94fd..aad18a4b 100644
--- a/public_html/css/top-navigation.css
+++ b/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;
 }
 
diff --git a/public_html/css/user-list.css b/public_html/css/user-list.css
index ddfdf96f..90309f2e 100644
--- a/public_html/css/user-list.css
+++ b/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;
 }
diff --git a/public_html/index.html b/public_html/index.html
index 23701840..718f56eb 100644
--- a/public_html/index.html
+++ b/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>