From 73e83838583b9494195e7c549d1cc4ea25e42a1a Mon Sep 17 00:00:00 2001
From: Alex Cabal <alex@alexcabal.com>
Date: Fri, 22 May 2020 11:29:29 -0500
Subject: [PATCH] Fix spacing of headers in step by step guide

---
 .../producing-an-ebook-step-by-step.php       |  4 ++--
 www/css/core.css                              |  1 -
 www/css/manual.css                            | 21 +++++++++++++------
 3 files changed, 17 insertions(+), 9 deletions(-)

diff --git a/www/contribute/producing-an-ebook-step-by-step.php b/www/contribute/producing-an-ebook-step-by-step.php
index b8dd04b4..b3460215 100644
--- a/www/contribute/producing-an-ebook-step-by-step.php
+++ b/www/contribute/producing-an-ebook-step-by-step.php
@@ -2,13 +2,13 @@
 require_once('Core.php');
 ?><?= Template::Header(['title' => 'Producing an Ebook, Step by Step', 'manual' => true, 'highlight' => 'contribute', 'description' => 'A detailed step-by-step description of the complete process of producing an ebook for the Standard Ebooks project, start to finish.']) ?>
 <main class="manual">
-	<article id="producing-an-ebook">
+	<article class="step-by-step-guide">
 		<h1>Producing an Ebook, Step by Step</h1>
 		<p>This guide is meant to take you step-by-step through the creation of a complete Standard Ebook. While it might seem a little long, most of the text is a description of how to use various automated scripts. It can take just an hour or two for an experienced producer to produce a draft ebook for proofreading (depending on the complexity of the ebook, of course).</p>
 		<p>Our toolset is GNU/Linux-based, and producing an ebook from scratch currently requires working knowledge of the epub file format and of Unix-like systems like Mac or Linux.</p>
 		<p>Our toolset doesn’t yet work natively on Windows, but there are <a href="https://www.howtogeek.com/170870/5-ways-to-run-linux-software-on-windows/">many ways to run Linux from within Windows</a>.</p>
 		<p>If you don’t have this kind of technical expertise, you can still contribute! <a href="/contribute">Check out our contributors page for details.</a></p>
-		<ol class="full">
+		<ol>
 			<li>
 				<h2>Set up the Standard Ebooks toolset and make sure it’s up-to-date</h2>
 				<p>The Standard Ebooks project has a toolset that will help you produce an ebook. The toolset installs the <code class="bash"><b>se</b></code> command, which has various subcommands related to creating Standard Ebooks. You can <a href="/tools">read the complete installation instructions</a>, or if you already have <a href="https://pipxproject.github.io/pipx/installation/"><code class="bash"><b>pipx</b></code> installed</a>, run:</p>
diff --git a/www/css/core.css b/www/css/core.css
index d52f20fa..a0277484 100644
--- a/www/css/core.css
+++ b/www/css/core.css
@@ -676,7 +676,6 @@ article.ebook > header > div{
 	margin: 2rem; /* for responsive */
 }
 
-
 article.ebook > header > div > p{
 	font-size: 1.4rem;
 	font-family: 'League Spartan', sans-serif;
diff --git a/www/css/manual.css b/www/css/manual.css
index 85baa94e..875f3f4f 100644
--- a/www/css/manual.css
+++ b/www/css/manual.css
@@ -209,26 +209,35 @@ code.full .utf{
 	margin-top: 0;
 }
 
+.step-by-step-guide ol li h2{
+	margin-top: 4rem;
+	margin-left: 0;
+}
 
-#producing-an-ebook > ol li::marker{
+.step-by-step-guide ol li h3{
+	margin-top: 3rem;
+}
+
+.step-by-step-guide > ol li::marker{
 	font-weight: bold;
 	font-family: 'League Spartan', sans-serif;
 }
 
-#producing-an-ebook > ol {
+.step-by-step-guide > ol {
 	counter-reset: item;
 	margin-left: 0;
 	padding-left: 0;
+	margin-top: 0;
 	list-style: none;
 }
 
-#producing-an-ebook > ol > li::before {
+.step-by-step-guide > ol > li::before {
 	float: left;
 	content: counter(item) ".";
 	counter-increment: item;
 	width: 4rem;
 	text-align: right;
-	margin-left: -5.5rem;
+	margin-left: -4.5rem;
 
 	font-size: 1.2rem;
 	font-family: 'League Spartan', sans-serif;
@@ -237,11 +246,11 @@ code.full .utf{
 	text-transform: uppercase;
 }
 
-.warning{
+.alert p.warning{
 	font-size: 2rem;
 	font-weight: bold;
-	text-align: center;
 	font-style: normal;
+	text-align: center;
 }
 
 figure p.wrong{