From aa0e8d7b2ec026b68fe2590abab7a67e5fe42736 Mon Sep 17 00:00:00 2001
From: Alex Palaistras <alex@deuill.org>
Date: Thu, 29 Jun 2023 23:06:22 +0100
Subject: [PATCH] Un-nest description elements, improve styling

---
 themes/go-mod/layouts/_default/single.html  |  3 ++-
 themes/go-mod/layouts/_default/summary.html |  3 ++-
 themes/go-mod/static/css/main.css           | 21 +++++++++++++++++++--
 3 files changed, 23 insertions(+), 4 deletions(-)

diff --git a/themes/go-mod/layouts/_default/single.html b/themes/go-mod/layouts/_default/single.html
index 6efe7de..4f2877f 100644
--- a/themes/go-mod/layouts/_default/single.html
+++ b/themes/go-mod/layouts/_default/single.html
@@ -1,7 +1,8 @@
 {{partial "header.html" .}}
 
 <main>
-    <h1>{{.Title}} <aside>{{.Description}}</aside></h1>
+    <h1>{{.Title}}</h1>
+    <aside>{{.Description}}</aside>
     <dl>
         <dt>Install</dt>
         <dd><pre>go install {{.Params.module.root_path}}{{.Params.module.sub_path}}@latest</pre></dd>
diff --git a/themes/go-mod/layouts/_default/summary.html b/themes/go-mod/layouts/_default/summary.html
index 2b937cf..c085244 100644
--- a/themes/go-mod/layouts/_default/summary.html
+++ b/themes/go-mod/layouts/_default/summary.html
@@ -1,3 +1,4 @@
 <section>
-    <h2><a href="{{.Permalink}}">{{.Title}}</a> <aside>{{.Description}}</aside></h2>
+    <h2><a href="{{.Permalink}}">{{.Title}}</a></h2>
+    <aside>{{.Description}}</aside>
 </section>
diff --git a/themes/go-mod/static/css/main.css b/themes/go-mod/static/css/main.css
index 8a01b56..e881657 100644
--- a/themes/go-mod/static/css/main.css
+++ b/themes/go-mod/static/css/main.css
@@ -16,16 +16,22 @@ main {
 }
 
 h1 {
+    display: inline-block;
     font-size: 2rem;
     margin: 0 0 1rem 0;
 }
 
-h1 aside,
-h2 aside {
+h2 {
+    display: inline-block;
+}
+
+h1 + aside,
+h2 + aside {
     color: #999;
     display: inline;
     font-size: 1.2rem;
     font-weight: normal;
+    margin-left: 0.5rem;
 }
 
 p {
@@ -54,3 +60,14 @@ dl dd a {
     display: inline-block;
     margin: 0.5rem 0;
 }
+
+
+pre {
+	background: #d6d6d6;
+	color: #333;
+    font-size: 0.85rem;
+	padding: 0.4rem 0.5rem;
+	overflow: auto;
+	margin-bottom: 1rem;
+	white-space: nowrap;
+}