Better footer layout

static/css/main.css

@@ -79,7 +79,7 @@ input, select, textarea, button{font-family:inherit;}
     text-align: center;
 }
 
-.footer a {
+.footer, .footer a {
     color: gray;
     font-size: small;
 }

static/index.html

@@ -38,7 +38,7 @@
         </div>
     </div>
 </div>
-<footer class="footer mb-4"><a href="https://github.com/NielsOverkamp/ChuChube">Made by Niels Overkamp</a>·<a href="http://joetoep.student.utwente.nl">Based on JoeToep</a></footer>
+<footer class="footer mb-4"><a href="https://github.com/NielsOverkamp/ChuChube">Made by Niels Overkamp</a>&nbsp·&nbsp<a href="http://joetoep.student.utwente.nl">Based on JoeToep</a></footer>
 <script src="js/index.js" type="module"></script>
 </body>
 

static/player.html

@@ -110,7 +110,7 @@
         </div>
     </div>
 </div>
-<footer class="footer mb-4"><a href="https://github.com/NielsOverkamp/ChuChube">Made by Niels Overkamp</a>·<a href="http://joetoep.student.utwente.nl">Based on JoeToep</a></footer>
+<footer class="footer mb-4"><a href="https://github.com/NielsOverkamp/ChuChube">Made by Niels Overkamp</a>&nbsp·&nbsp<a href="http://joetoep.student.utwente.nl">Based on JoeToep</a></footer>
 <script src="js/main.js" type="module"></script>
 </body>