From c6a0cfcd6fb66c44a41c6a82fee9c92c2de749b5 Mon Sep 17 00:00:00 2001
From: Robin Whittleton <robin@reala.net>
Date: Tue, 27 Jul 2021 22:18:33 +0200
Subject: [PATCH] Add a link back to the ebook page to nav bar

---
 scripts/deploy-ebook-to-www |  2 +-
 www/css/web.css             | 10 +++++++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/scripts/deploy-ebook-to-www b/scripts/deploy-ebook-to-www
index c350be75..4d19254d 100755
--- a/scripts/deploy-ebook-to-www
+++ b/scripts/deploy-ebook-to-www
@@ -321,7 +321,7 @@ do
 
 		# Add the nav to each page
 		bookUrl=$(grep --only-matching --extended-regexp "<dc:identifier id=\"uid\">.+?</dc:identifier>" "${workDir}"/src/epub/content.opf | sed --regexp-extended "s/.*?url:(.*?)<.*/\1/g")
-		find "${workDir}"/src/epub \( -type d -name .git -prune \) -o -type f -name "*.xhtml" -print0 | xargs -0 sed --in-place --regexp-extended "s%<body(.*?)>%<body\1><header><nav><ul><li><a href=\"/\">Standard Ebooks</a></li><li><a href=\"${bookUrl}/text\">Table of contents</a></li></ul></nav></header>%"
+		find "${workDir}"/src/epub \( -type d -name .git -prune \) -o -type f -name "*.xhtml" -print0 | xargs -0 sed --in-place --regexp-extended "s%<body(.*?)>%<body\1><header><nav><ul><li><a href=\"/\">Standard Ebooks</a></li><li><a href=\"${bookUrl}\">Back to ebook</a></li><li><a href=\"${bookUrl}/text\">Table of contents</a></li></ul></nav></header>%"
 
 		# Adjust sponsored links in the colophon
 		sed --in-place 's|<p><a href="http|<p><a rel="nofollow" href="http|g' "${workDir}"/src/epub/text/colophon.xhtml
diff --git a/www/css/web.css b/www/css/web.css
index 47e33d57..e3d0edc4 100644
--- a/www/css/web.css
+++ b/www/css/web.css
@@ -20,13 +20,21 @@ body > header{
 
 body > header ul{
 	display: flex;
-	justify-content: space-between;
 	align-items: center;
 	list-style: none;
 	margin: 0;
 	padding: 0.5em 1em;
 }
 
+body > header li{
+	margin-left: 1.5em;
+}
+
+body > header li:first-child{
+	margin-left: 0;
+	margin-right: auto;
+}
+
 body > header li:first-child > a{
 	display: block;
 	width: 180px;