Tweak styles and Fix navigation order

assets/scss/partials/_footer.scss

@@ -1,5 +1,5 @@
 #site-footer {
-  font-size: 0.8em;
+  font-size: .8em;
   padding-top: 1em;
   margin-top: 2em;
   background-color: var(--c-bg-alt);
@@ -11,7 +11,7 @@ p.site-copy {
 }
 
 .site-nav > span {
-  margin: 0 .2em;
+  margin: 0 .15em;
   color: var(--c-txt-alt);
   &:last-child{
     display: none;

assets/scss/partials/_single.scss

@@ -28,7 +28,6 @@
   display: none;
   padding-right: 1em;
   margin-top: 0;
-  line-height: 1;
   font-weight: bold;
 }
 
@@ -65,7 +64,8 @@
     text-align: center;
   }
   figcaption > p {
-    margin-top: .5em;
+    margin-top: .1rem;
+    margin-bottom: 1rem;
     font-size: .8em;
     font-style: italic;
     color: var(--c-txt-alt);
@@ -266,8 +266,7 @@ hr.post-end {
     margin: 0;
     &.album-desc {
       margin-top: 1em;
-      line-height: normal;
-      font-size: 1rem;
+      font-size: .95rem;
     }
     > .feather {
       margin-right: .5em;

assets/scss/style.scss

@@ -77,7 +77,7 @@ blockquote {
   &::before {
     content: "“";
     position: absolute;
-    opacity: 0.3;
+    opacity: .3;
     font-size: 80px;
     transform: translate(-20px,5px);
   }

layouts/gallery/single.html

@@ -30,12 +30,13 @@
 			</div>
 		</article>
 		<div class="post-nav">
-			{{- with .NextInSection }}
+			{{ $list := (where site.RegularPages "Type" "in" "gallery") }}
+			{{- with ($list.ByParam "shot_date").Reverse.Next . }}
 			<a class="next-post" href="{{ .Permalink }}">
 				<span class="post-nav-label"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-left"><line x1="19" y1="12" x2="5" y2="12"></line><polyline points="12 19 5 12 12 5"></polyline></svg>&nbsp;Newer</span><br><span>{{ .Title }}</span>
 			</a>
 			{{- end }}
-			{{- with .PrevInSection }}
+			{{- with ($list.ByParam "shot_date").Reverse.Prev . }}
 			<a class="prev-post" href="{{ .Permalink }}">
 				<span class="post-nav-label">Older&nbsp;<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-right"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg></span><br><span>{{ .Title }}</span>
 			</a>