From 633483807915393d383f49b58b77642059e11d37 Mon Sep 17 00:00:00 2001
From: Alex Cabal <alex@alexcabal.com>
Date: Sat, 8 Jan 2022 12:21:03 -0600
Subject: [PATCH] Improve support for small screens in ebook list/grid view

---
 www/css/core.css | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/www/css/core.css b/www/css/core.css
index f41e3d67..f4826da9 100644
--- a/www/css/core.css
+++ b/www/css/core.css
@@ -1239,7 +1239,13 @@ main.ebooks > ol.list > li > a{
 main.ebooks > ol.list ul.tags{
 	display: flex;
 	justify-content: flex-start;
-	margin-left: 0;
+	margin-left: -.25rem;
+	margin-top: .25rem;
+}
+
+main.ebooks > ol.list ul.tags li{
+	margin-left: .25rem;
+	margin-top: .25rem;
 }
 
 main.ebooks > ol.list > li p{
@@ -2616,6 +2622,15 @@ abbr.acronym{
 	main.ebooks nav > a{
 		padding: 1rem;
 	}
+
+	main.ebooks > ol.list > li{
+		grid-template-columns: 1fr;
+	}
+
+	main.ebooks > ol.list > li img{
+		max-width: 50%;
+		margin-bottom: 1rem;
+	}
 }
 
 @supports not(hyphens: auto){