Make fa-icons larger and add padding between them

static/css/footer.css

@@ -2,23 +2,6 @@ footer {
     background-color: #f5f5f5;
 }
 
-/*footer .container .col .nav .nav-item {
-    display: inline-block;
-    margin-right: 3vh;
+.ml-auto .nav-item {
+    padding: 1vh;
 }
-
-.lang-button {
-    height: 4vh;
-    width: 6vh;
-    margin-left: 1vh;
-    margin-right: 1vh;
-}
-
-.lang-select {
-    width: 10rem;
-    display: inline-block;
-}
-
-footer .lang-form {
-    margin: 1rem auto 0;
-}*/

templates/footer.html

@@ -28,13 +28,13 @@
             </div>
             <div class="ml-auto p-2">
                 <span class="nav-item">
-                    <a href="/members"><i class="fa fa-group"></i></a>
+                    <a href="/members"><i class="fa fa-group fa-2x"></i></a>
                 </span>
                 <span class="nav-item">
-                    <a href="/infoscreen"><i class="fa fa-info"></i></a>
+                    <a href="/infoscreen"><i class="fa fa-info fa-2x"></i></a>
                 </span>
                 <span class="nav-item">
-                    <a href="/admin"><i class="fa fa-gears"></i></a>
+                    <a href="/admin"><i class="fa fa-gears fa-2x"></i></a>
                 </span>
             </div>
         </div>