From b955e4816a00eed173ce6d7400ae4eb2a7c92adf Mon Sep 17 00:00:00 2001
From: Timur Ismagilov <bouncepaw2@ya.ru>
Date: Mon, 12 Jul 2021 15:13:12 +0500
Subject: [PATCH] Make the help topics sidebar look acceptable

---
 static/default.css  | 15 +++++++++++++--
 views/stuff.qtpl    |  2 +-
 views/stuff.qtpl.go |  2 +-
 3 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/static/default.css b/static/default.css
index 3928611..4c04d32 100644
--- a/static/default.css
+++ b/static/default.css
@@ -74,7 +74,7 @@ header { width: 100%; margin-bottom: 1rem; }
 	.layout { display: grid; grid-template-columns: auto 1fr; column-gap: 1rem; margin: 0 1rem; row-gap: 1rem; }
 	.main-width { margin: 0; }
 	main { grid-column: 1 / span 1; grid-row: 1 / span 2; }
-	.sister-hyphae, .edit-toolbar { grid-column: 2 / span 1; grid-row: 1 / span 1; }
+	.sister-hyphae, .edit-toolbar, .help-topics { grid-column: 2 / span 1; grid-row: 1 / span 1; }
 	.layout-card { width: 100%; }
 	.edit-toolbar__buttons {display: grid; }
 }
@@ -89,7 +89,7 @@ header { width: 100%; margin-bottom: 1rem; }
 	.main-width { margin: 0 auto; }
 	.backlinks { grid-column: 1 / span 1; margin-right: 0; }
 	main { grid-column: 2 / span 1; }
-	.sister-hyphae, .edit-toolbar { grid-column: 3 / span 1; margin-left: 0; }
+	.sister-hyphae, .edit-toolbar, .help-topics { grid-column: 3 / span 1; margin-left: 0; }
 	.edit-toolbar__buttons { grid-template-columns: 1fr; }
 
 	.backlinks__title { text-align: right; }
@@ -594,3 +594,14 @@ kbd {
 	left: -1.6rem;
 	top: .1rem;
 }
+
+/*
+ * Help topics sidebar
+ */
+.help-topics__list {
+	margin: .5rem 0;
+	padding-left: .5rem;
+}
+.help-topics__list ul {
+	padding-left: 1rem;
+}
\ No newline at end of file
diff --git a/views/stuff.qtpl b/views/stuff.qtpl
index f068f16..c34753f 100644
--- a/views/stuff.qtpl
+++ b/views/stuff.qtpl
@@ -64,7 +64,7 @@
 {% func helpTopicsHTML() %}
 <aside class="help-topics layout-card">
 	<h2 class="layout-card__title">Help topics</h2>
-	<ul>
+	<ul class="help-topics__list">
 		<li>
 			<a href="/help/en">Main</a>
 		</li>
diff --git a/views/stuff.qtpl.go b/views/stuff.qtpl.go
index b330c4f..b953e4a 100644
--- a/views/stuff.qtpl.go
+++ b/views/stuff.qtpl.go
@@ -234,7 +234,7 @@ func streamhelpTopicsHTML(qw422016 *qt422016.Writer) {
 	qw422016.N().S(`
 <aside class="help-topics layout-card">
 	<h2 class="layout-card__title">Help topics</h2>
-	<ul>
+	<ul class="help-topics__list">
 		<li>
 			<a href="/help/en">Main</a>
 		</li>