Fix layout bugs

Signed-off-by: Nikolaos Karaolidis <nick@karaolidis.com>

assets/sass/common.scss

@@ -16,16 +16,6 @@ a:hover {
   color: var(--text-800);
 }
 
-sup,
-sub {
-  color: var(--text-600);
-}
-
-sup:hover,
-sub:hover {
-  color: var(--text-800);
-}
-
 h1,
 h2,
 h3,
@@ -64,3 +54,11 @@ body {
     flex: 1;
   }
 }
+
+p {
+  margin: 1.5rem 0 1.5rem 0;
+}
+
+li:not(:last-child) {
+  margin-bottom: 0.5rem;
+}

assets/sass/hero.scss

@@ -1,7 +1,7 @@
 .hero {
   max-width: $width-content;
   margin: 0 auto;
-  padding: 2rem;
+  padding: 2rem 2rem 0 2rem;
 
   .title {
     margin: 0;

layouts/_shortcodes/sub.html

@@ -0,0 +1,2 @@
+<sub>{{ .Get 0 | markdownify }}</sub>
+{{- /* chomp trailing newline */ -}}

layouts/_shortcodes/sup.html

@@ -0,0 +1,2 @@
+<sup>{{ .Get 0 | markdownify }}</sup>
+{{- /* chomp trailing newline */ -}}

layouts/partials/components/postnav/index.html

@@ -1,5 +1,4 @@
-{{ $pages := .CurrentSection.Pages.ByDate }}
-
+{{ $pages := .CurrentSection.Pages.ByDate.Reverse }}
 
 <div class="postnav">
   {{ with $pages.Prev . }}