Centered Arrow (#664)

layouts/partials/sections/home.html

@@ -132,7 +132,7 @@
         {{ if .section.id }}
           {{ $sectionID = .section.id }}
         {{ end }}
-        <a href="#{{ $sectionID }}" aria-label="{{ i18n "read" }} {{ i18n "more" }} - {{ $name }}"><i class="arrow bounce fa fa-chevron-down"></i></a>
+        <a href="#{{ $sectionID }}" class="arrow-center" aria-label="{{ i18n "read" }} {{ i18n "more" }} - {{ $name }}"><i class="arrow bounce fa fa-chevron-down"></i></a>
       {{ end }}
     {{ end }}
   </div>

static/css/sections/home.css

@@ -18,6 +18,11 @@
   background-size: cover;
 }
 
+.arrow-center {
+  display: flex;
+  justify-content: center;
+}
+
 /*
   Resolves https://github.com/hugo-toha/toha/issues/70