From 94afbc2fa61088afa0e09763afeb752d55e52649 Mon Sep 17 00:00:00 2001
From: Simon McVittie <smcv@debian.org>
Date: Mon, 1 Dec 2014 14:56:04 +0000
Subject: [PATCH] More page layout adjustments for mobile browsers and small
 windows

---
 doc/style.css               |  5 +++++
 themes/actiontabs/style.css | 10 ++++++++++
 themes/blueview/style.css   |  4 ++++
 themes/monochrome/style.css |  1 +
 4 files changed, 20 insertions(+)

diff --git a/doc/style.css b/doc/style.css
index 18bf531a6..6050a2598 100644
--- a/doc/style.css
+++ b/doc/style.css
@@ -555,6 +555,7 @@ a.openid_large_btn:focus {
 		width: auto;
 		float: none;
 		margin-top: 0;
+		border: none;
 	}
 
 	/* if the mobile browser is new enough, use flex layout to shuffle
@@ -578,4 +579,8 @@ a.openid_large_btn:focus {
 		-webkit-order: 1;
 		order: 1;
 	}
+
+	.blogform, #blogform {
+		padding: 4px 4px;
+	}
 }
diff --git a/themes/actiontabs/style.css b/themes/actiontabs/style.css
index d4afc0915..67720e285 100644
--- a/themes/actiontabs/style.css
+++ b/themes/actiontabs/style.css
@@ -147,3 +147,13 @@ div.recentchanges {
 	/* allow space for the action tabs */
 	margin-bottom: 2em;
 }
+
+@media (max-width: 600px) {
+	#content, #enclosure, #comments, #footer {
+		margin: 0.5em;
+	}
+	.pageheader .actions ul li {
+		padding: .1em .2em 0 .2em;
+		font-size: 0.8em;
+	}
+}
diff --git a/themes/blueview/style.css b/themes/blueview/style.css
index 7b3382c35..57813e2ee 100644
--- a/themes/blueview/style.css
+++ b/themes/blueview/style.css
@@ -291,6 +291,10 @@ body {
 	#pagebody {
 		margin: auto;
 		border: none;
+		padding: 0.5em;
+	}
+	#footer {
+		padding: 0.5em;
 	}
 }
 
diff --git a/themes/monochrome/style.css b/themes/monochrome/style.css
index bd3fdf593..e85f8abb5 100644
--- a/themes/monochrome/style.css
+++ b/themes/monochrome/style.css
@@ -10,6 +10,7 @@ body {
 	margin-left: auto;
 	margin-right: auto;
 	width: 48em;
+	max-width: 95%;
 
 	background: url(gradient.png) repeat-x white 0px -16px;
 	margin-top: 48px; /* height of gradient.png that we want to see */