Fix double-used navigation ID and odd centering issue

Signed-off-by: Danila Fedorin <danila.fedorin@gmail.com>

assets/scss/style.scss

@@ -346,7 +346,7 @@ figure {
     }
 }
 
-#SeriesNavigation {
+.series-navigation {
     margin-top: 1em;
     display: flex;
     flex-wrap: wrap;

layouts/blog/single.html

@@ -27,7 +27,9 @@
 </div>
 {{- end -}}
 {{- define "after" -}}
+<div class="container">
 {{- partial "seriesnav.html" . -}}
+</div>
 <hr class="container footer-divider">
 <footer class="container">
     <p>{{ i18n "contactFooter" | safeHTML }}</p>

layouts/partials/seriesnav.html

@@ -3,7 +3,7 @@
 {{ with $term }}
 {{- /* No idea why the 'Reverse' is needed? */ -}}
 {{ $pages := (site.Taxonomies.series.Get .Data.Term).Pages.ByDate.Reverse }}
-<nav id="SeriesNavigation" class="container">
+<nav class="series-navigation">
 {{ with $pages.Prev $page }}
 {{ partial "serieslink.html" (dict "direction" "previous" "link" .RelPermalink "page" .) }}
 {{ end }}