1 files changed, 39 insertions, 3 deletions

diff --git a/assets/css/post.css b/assets/css/post.css
index 2c7fcd5..7fcfd95 100644
--- a/assets/css/post.css
+++ b/assets/css/post.css
@@ -17,11 +17,16 @@
     margin-bottom: var(--gap-large);
 }
 
+.post__navigation-label {
+    color: var(--text-color);
+    opacity: 0.9;
+}
+
 .post__navigation-list {
     display: flex;
-    align-items: center;
+    align-items: flex-start;
     justify-content: space-between;
-    margin: 0 1rem !important;
+    margin: 0 0.5rem !important;
 
     @media (max-width: 768px) {
         flex-direction: column;
@@ -30,6 +35,27 @@
     }
 }
 
+.post__navigation-link {
+    display: flex;
+    flex-direction: column;
+    gap: 0.25rem;
+    text-decoration: none;
+
+    &:hover > .post__navigation-title {
+        color: var(--link-hover);
+        text-decoration: underline;
+    }
+}
+
+.post__navigation-next,
+.post__navigation-prev {
+    width: 45%;
+
+    @media (max-width: 768px) {
+        width: 100%;
+    }
+}
+
 .post__scroll-top {
     background-color: var(--bg-special);
     border-radius: var(--border-radius-max);
@@ -41,10 +67,14 @@
     height: 2.5rem;
     width: 2.5rem;
     position: absolute;
-    bottom: 6rem;
+    bottom: 9rem;
     right: 0;
     z-index: 1000;
 
+    @media (max-width: 768px) {
+        bottom: 14rem;
+    }
+
     & svg {
         height: 2rem;
         width: 2rem;
@@ -75,6 +105,7 @@
 
 .post__tags-list {
     display: flex;
+    flex-wrap: wrap;
     gap: var(--gap-default);
 
     @media (max-width: 768px) {
@@ -84,5 +115,10 @@
 
 .post__tags-link {
     font-weight: normal;
+    text-decoration: none;
+
+    &:hover {
+        text-decoration: underline;
+    }
 }