From f69291c24b2964ccfaec763bdd2e0e94fa2d6a04 Mon Sep 17 00:00:00 2001
From: Robin Whittleton <robin@reala.net>
Date: Wed, 16 Oct 2019 17:04:00 +0200
Subject: [PATCH] Reduce the size of the ebook heading and padding on mobile

A lot of our ebook titles are way too wide on mobile. This reduces the size of the text a bit, but also reduces the padding on either side to give it more room.
---
 www/css/core.css | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/www/css/core.css b/www/css/core.css
index 7fa3704d..83565bed 100644
--- a/www/css/core.css
+++ b/www/css/core.css
@@ -1782,6 +1782,20 @@ main.ebooks nav ol li.highlighted:nth-last-child(2)::after{
 		font-size: 1rem;
 		margin: 0;
 	}
+
+	article.ebook > header > div{
+		margin: 1rem;
+		padding: 1rem;
+		max-width: 85%;
+	}
+
+	article.ebook h1{
+		font-size: 1.5rem;
+	}
+
+	article.ebook > header > div > p{
+		font-size: 1.2rem;
+	}
 }
 
 @media(max-width: 380px){