UI improvements

3 files changed, 16 insertions, 4 deletions

diff --git a/assets/css/main.css b/assets/css/main.css
index 4d1fb7a..4431c30 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -67,7 +67,7 @@ body {
     display: grid;
     grid-template-rows: auto auto 1fr auto; /* Ensure header & navmenu at top, main taking up main space, footer at bottom */
     margin: 1.5rem auto;
-    max-width: 75ch;
+    max-width: 740px;
     min-height: 100vh;
 }
 
@@ -368,6 +368,11 @@ time {
     margin-bottom: var(--gap-large);
 }
 
+.post-navigation > hr {
+    height: 2px;
+    margin-bottom: var(--gap-large);
+}
+
 .post__navigation-list {
     display: flex;
     align-items: center;
@@ -375,6 +380,8 @@ time {
     margin: 0 1rem !important;
 
     @media (max-width: 768px) {
+        flex-direction: column;
+        gap: var(--gap-default);
         margin: 0 !important;
     }
 }
@@ -390,7 +397,7 @@ time {
     height: 2.5rem;
     width: 2.5rem;
     position: absolute;
-    bottom: 5rem;
+    bottom: 6rem;
     right: 0;
     z-index: 1000;
 
@@ -409,6 +416,10 @@ time {
     margin: var(--margin-padding-Y-big);
 }
 
+.post__tags-heading {
+    font-weight: bold;
+}
+
 .post__tags-list {
     display: flex;
     gap: var(--gap-default);
diff --git a/layouts/partials/single/next-prev.html b/layouts/partials/single/next-prev.html
index 4d6e962..452ce7e 100644
--- a/layouts/partials/single/next-prev.html
+++ b/layouts/partials/single/next-prev.html
@@ -1,6 +1,7 @@
 {{- /* Navigation for next & previous post and back to top */ -}}
 {{- if ne .Params.excludeFromLists true }}
 <nav class="post__navigation" aria-label="{{ lang.Translate "post.navigation" | default "Post navigation" }}">
+    <hr />
     <ul class="post__navigation-list">
         {{- with .PrevInSection }}
             <li class="post__navigation-prev">
diff --git a/layouts/partials/single/tags.html b/layouts/partials/single/tags.html
index 0451c2e..16cd872 100644
--- a/layouts/partials/single/tags.html
+++ b/layouts/partials/single/tags.html
@@ -1,8 +1,8 @@
 {{- with .GetTerms "tags" }}
 <section class="post__tags" aria-labelledby="tags-heading">
-    <h2 id="tags-heading" class="post__tags-heading">
+    <p id="tags-heading" class="post__tags-heading">
         {{ lang.Translate "tags.name" | default "Tags" }}
-    </h2>
+    </p>
 
     <ul class="post__tags-list">
         {{- range . }}