From d68f86d18d54d3c90a2859e05a271fef36fd1ed4 Mon Sep 17 00:00:00 2001
From: Alex Cabal <alex@alexcabal.com>
Date: Fri, 11 Sep 2020 23:43:54 -0500
Subject: [PATCH] Update CSS to improve appearance on iPad-sized screens

---
 www/css/core.css | 38 +++++++++++++++++++++++++-------------
 1 file changed, 25 insertions(+), 13 deletions(-)

diff --git a/www/css/core.css b/www/css/core.css
index e1086761..c737d51b 100644
--- a/www/css/core.css
+++ b/www/css/core.css
@@ -728,6 +728,7 @@ article.ebook section#download li span{
 
 article.ebook section#download li span:first-child{
 	padding-top: 1.8rem;
+	white-space: nowrap;
 }
 
 article.ebook section#download li span:nth-child(2){
@@ -1359,19 +1360,7 @@ main.ebooks nav ol li.highlighted:nth-last-child(2)::after{
 	}
 }
 
-@media(max-width: 860px){
-	article nav a[rel]{
-		font-size: 0;
-	}
-
-	article nav a[rel]::before,
-	article nav a[rel]::after{
-		font-size: 1rem;
-		margin: 0;
-	}
-}
-
-@media(max-width: 760px){
+@media(max-width: 1000px){
 	article.ebook #more-ebooks ul{
 		flex-wrap: wrap;
 	}
@@ -1412,8 +1401,31 @@ main.ebooks nav ol li.highlighted:nth-last-child(2)::after{
 		white-space: pre;
 		margin: 0;
 	}
+
+	article.ebook section#download li span:nth-child(2){
+		display: none;
+	}
+
+	article.ebook section#download li span:nth-child(3){
+		display: block;
+		margin-left: 1.75rem;
+		padding-top: 0;
+	}
 }
 
+@media(max-width: 860px){
+	article nav a[rel]{
+		font-size: 0;
+	}
+
+	article nav a[rel]::before,
+	article nav a[rel]::after{
+		font-size: 1rem;
+		margin: 0;
+	}
+}
+
+
 @media(max-width: 680px){
 	body > header{
 		flex-direction: column;