Footer styling fixes + updated github link.

assets/css/layout.scss

@@ -33,20 +33,62 @@ main {
 
 footer {
   display: flex;
-  justify-content: center;
+  flex-direction: column;
+  align-items: center;
+  margin-bottom: 30px;
 
   .container {
     display: flex;
     justify-content: space-between;
     width: 50%;
-    align-items: center;
+    align-items: start;
 
     .middle img {
       max-width: 55px;
+      margin-top: 10px;
     }
 
     .right {
       text-align: right;
     }
   }
+
+  .mobile-middle {
+    visibility: hidden;
+
+    img {
+      max-width: 55px;
+      margin-top: 10px;
+    }
+  }
+
+  img:hover {
+    border-radius: 50%;
+    border: solid 2px;
+  }
+}
+
+@media screen and (max-width: 600px) {
+  footer {
+    .container {
+      width: 95% !important;
+      flex-direction: column;
+      align-items: center;
+      margin-top: 20px;
+      margin-bottom: 20px;
+
+      div {
+        text-align: center !important;
+      }
+
+      .middle {
+        visibility: hidden;
+        max-height: 15px;
+      }
+    }
+
+    .mobile-middle {
+      visibility: visible;
+    }
+  }
 }

assets/css/pages/form.scss

@@ -6,3 +6,7 @@ form {
 .checkbox-container {
   display: flex;
 }
+
+input {
+  margin-bottom: 10px;
+}

lib/runosaari_web/templates/layout/app.html.eex

@@ -29,19 +29,31 @@
       <%= @inner_content %>
     </main>
     <footer>
+      <div class="mobile-middle">
+        <a href="/#nav-bar"><img src="<%= Routes.static_path(@conn, "/images/small-logo.png") %>" /></a>
+      </div>
       <div class="container">
         <div class="left">
-          Livonsaari <br />
+          Livonsaari & Velkua<br />
-          Naantali <br />
+          Naantalin saaristo<br />
-          20. - 21.7.2021
+        </div>
+        <div class="middle">
+          <a href="/#nav-bar"><img src="<%= Routes.static_path(@conn, "/images/small-logo.png") %>" /></a>
         </div>
-        <div class="middle"><img src="<%= Routes.static_path(@conn, "/images/small-logo.png") %>" alt="Pieni logo" /></div>
         <div class="right">
-          Sdfas Asdinen <br />
+          Inkeri Aula <br />
-          Esiintyjä Aasfdas <br />
+          Katariina Vuorinen <br />
-          Asdf Esiintyjä
+          <a class="email-link" href="mailto:info@runosaari.net"
+            >info@runosaari.net</a
+          >
         </div>
       </div>
+      <div class="credits">
+        <a href="https://github.com/codevictory/runosaari.net"
+          >lähdekoodi</a
+        >
+        | by codevictory
+      </div>
     </footer>
   </body>
 </html>