Move pageinfo below heading for website

2 files changed, 30 insertions, 4 deletions

diff --git a/assets/static/css/style.css b/assets/static/css/style.css
index 18f74ac..9c24bb0 100644
--- a/assets/static/css/style.css
+++ b/assets/static/css/style.css
@@ -117,6 +117,30 @@ article:last-child header p,
 	}
 }
 
+.entry {}
+
+.entry__details {
+	margin-bottom: 1.5em;
+	margin-top: 1.5em;
+}
+
+.entry__details > :first-child {
+	margin-top: 0;
+}
+
+.entry__details > :last-child {
+	margin-bottom: 0;
+}
+
+.entry__details:has(> h1:only-child) {
+	margin-bottom: 1.0em;
+}
+
+.entry__heading, .entry__pageinfo {
+	margin-bottom: 0.2em;
+	margin-top: 0.2em;
+}
+
 .footer {}
 
 .footer__text {
diff --git a/layouts/single.html b/layouts/single.html
index eb860b0..9a8c8ae 100644
--- a/layouts/single.html
+++ b/layouts/single.html
@@ -2,11 +2,13 @@
 <nav>
   <p>{{ emojify ":link:" }}&nbsp;<a class="link link--internal" href="{{ .Site.Home.RelPermalink }}" rel="noreferrer">{{ i18n "returnHome" }}</a></p>
 </nav>
-{{- if (.Page.Params.pageinfo | default true) }}
-<p>{{ partial "pageinfo.html" . }}</p>
-{{- end }}
 <main class="main">
-  <h1 id="{{ .File.TranslationBaseName }}">{{ .Title }}</h1>
+  <div class="entry__details">
+    <h1 id="{{ .File.TranslationBaseName }}" class="entry__heading">{{ .Title }}</h1>
+    {{- if (.Page.Params.pageinfo | default true) }}
+    <p class="entry__pageinfo">{{ partial "pageinfo.html" . }}</p>
+    {{- end }}
+  </div>
   {{ chomp (.Content) }}
 </main>
 {{- end }}
\ No newline at end of file