Reposition the main content

CHANGELOG.adoc

@@ -27,6 +27,9 @@ and this project adheres to https://semver.org/spec/v2.0.0.html[Semantic Version
 
 == Updated
 
+- Reposition certain components.
+This is to (hopefully) fix certain layouts when the article is read in reader mode (in major web browsers such as Chrome and Firefox).
+
 - Spacing between basic elements (i.e., `<p>`).
 
 - Responsive font sizing.

layouts/_default/single.html

@@ -1,10 +1,12 @@
 {{ define "main" }}
 
-<article class="post--single">
+<div class="post--single">
+  <main>
+    <article>
       <header>
         <h1>{{ .Title }}</h1>
-  </header>
         {{ partial "partials/components/post-meta.html" . }}
+      </header>
 
       {{ $is_toc := cond (ne .Params.toc nil) .Params.toc $.Site.Params.toc }}
       {{ if (and $is_toc (gt (countrunes .TableOfContents) 0)) }}
@@ -17,8 +19,8 @@
         {{ .TableOfContents }}
       {{ end }}
 
-  <main>
       {{ .Content }}
+    </article>
   </main>
 
   <hr aria-hidden="true"/>
@@ -53,6 +55,6 @@
       <p data-content-translations="{{ jsonify $langs }}">{{ i18n "available_translations" }}: {{ delimit $lang_links "," (printf " %s " (i18n "and")) }}</p>
     {{- end }}
   </div>
-</article>
+</div>
 
 {{ end }}