Refactor go-back to back-arrow

Author: marc-mrt

assets/css/index.css

@@ -97,15 +97,26 @@ body > * {
 }
 
 header {
-    display: flex;
-    align-items: end;
-    justify-content: space-between;
+    position: relative;
 }
 
 header > a {
     white-space: nowrap;
 }
 
+#back-arrow {
+    font-size: var(--text-font-size-lg);
+    position: absolute;
+    text-decoration: none;
+    top: 0;
+    left: calc(var(--text-font-size-lg) * -1);
+}
+
+#back-arrow:hover {
+    transition: all ease 250ms;
+    transform: translateX(-0.25rem);
+}
+
 footer {
     display: flex;
     align-items: center;

layouts/_default/baseof.html

@@ -16,7 +16,7 @@ <h1>{{ .Page.Parent.Title }}</h1>
       {{ end }}
     {{ end }}
     {{ if .Page.Parent }}
-      <a href="{{ .Parent.Permalink }}">go back</a>
+      <a id="back-arrow" aria-label="Go back" href="{{ .Parent.Permalink }}"><-</a>
     {{ end }}
     </header>
     <main>