X-Git-Url: https://git.bts.cx/garden.git/blobdiff_plain/1ff3a665663a5095c770cc63c3d09572944b30f1..f5a71df84db6381218d85fb323bdbdf168000df1:/templates/style/screen.css

diff --git a/templates/style/screen.css b/templates/style/screen.css
index cb1176c..7fbf9d3 100644
--- a/templates/style/screen.css
+++ b/templates/style/screen.css
@@ -1,6 +1,6 @@
 html {
-	line-height: 1.15;
-	-webkit-text-size-adjust:100%
+	line-height: 1.3;
+	-webkit-text-size-adjust: 100%
 }
 
 body {
@@ -19,7 +19,7 @@ body {
 	margin: 0 auto;
 	min-height: 100vh;
 	padding: 0;
-	width: 60em;
+	max-width: 60em;
 }
 
 header {
@@ -57,6 +57,20 @@ footer {
 	text-align: right;
 }
 
+@media (max-width: 800px) {
+	.container {
+		grid-template:
+			"head" 7em
+			"main" auto
+			"nav" auto
+			"foot" 2em / 1fr;
+	}
+
+	header {
+		padding: 1em;
+	}
+}
+
 img {
 	max-width: 100%;
 	margin: 0 auto;
@@ -130,3 +144,12 @@ blockquote {
 	border-radius: 0 0.25rem 0.25rem 0;
 }
 
+a.feed {
+	color: #f26522;
+}
+
+a.feed:hover {
+	background: none !important;
+	color: #bc4e1b !important;
+}
+