Try to fix bottom navbar positioning [#7]

static/styles.css

@@ -20,10 +20,13 @@ h2 {
 }
 
 #footer {
-    height: 3em;
     background-color: hsla(38, 33%, 20%, 0.5);
 }
 
+#bottomBar,div.nav-item {
+    text-align: center;
+}
+
 ul#flashes {
 }
 

templates/footer.html

@@ -1,37 +1,34 @@
 <!-- https://getbootstrap.com/docs/4.0/components/navbar/ -->
 <nav id="footer"
-     class="navbar navbar-expand-sm navbar-dark">
-    <div class="container-fluid">
-        <div id="bottomBar"
-             class="collapse navbar-collapse justify-content-center">
-            <ul class="navbar-nav">
-                <li class="nav-item px-3">
-                    <a class="nav-link"
-                       href="https://stclementscambridge.co.uk/">
-                        St Clement's website
-                    </a>
-                </li>
-                <li class="nav-item px-3">
-                    <a class="nav-link"
-                       href="https://hymnary.org/hymnal/NEH1985">
-                        NEH
-                    </a>
-                </li>
-                <li class="nav-item px-3">
-                    <a class="nav-link"
-                       href="https://www.churchofengland.org/prayer-and-worship/worship-texts-and-resources/book-common-prayer">
-                        BCP
-                    </a>
-                </li>
-                <li class="nav-item px-3">
-                    <a class="nav-link"
-                       href="{{ url_for('acknowledgements_view') }}">Acknowledgements</a>
-                </li>
-                <li class="nav-item px-3">
-                    <a class="nav-link"
-                       href="https://github.com/jftsang/pypew">GitHub</a>
-                </li>
-            </ul>
+     class="navbar fixed-bottom navbar-dark">
+    <div id="bottomBar" class="navbar-nav">
+        <div class="row justify-content-center">
+            <div class="col nav-item px-3">
+                <a class="nav-link text-nowrap"
+                   href="https://stclementscambridge.co.uk/">
+                    St Clement's website
+                </a>
+            </div>
+            <div class="col nav-item px-3">
+                <a class="nav-link text-nowrap"
+                   href="https://hymnary.org/hymnal/NEH1985">
+                    NEH
+                </a>
+            </div>
+            <div class="col nav-item px-3">
+                <a class="nav-link text-nowrap"
+                   href="https://www.churchofengland.org/prayer-and-worship/worship-texts-and-resources/book-common-prayer">
+                    BCP
+                </a>
+            </div>
+            <div class="col nav-item px-3">
+                <a class="nav-link text-nowrap"
+                   href="{{ url_for('acknowledgements_view') }}">Acknowledgements</a>
+            </div>
+            <div class="col nav-item px-3">
+                <a class="nav-link text-nowrap"
+                   href="https://github.com/jftsang/pypew">GitHub</a>
+            </div>
         </div>
     </div>
 </nav>