Add styling to BasketItem

Move footer style to its own file
Make the contact form a bit more intuitive
General cleanup

front/src/styles/_footer.scss

@@ -0,0 +1,61 @@
+footer {
+    padding: $spacing-normal;
+
+    position: relative;
+
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    justify-content: center;
+
+    border-top: 3px solid $color-primary;
+    background-color: $color-dark;
+    color: $color-on-dark;
+
+    overflow: hidden;
+}
+
+.footer-section {
+    padding: $spacing-normal;
+
+    min-width: 200px;
+    width: 100%;
+    max-width: 500px;
+
+    > ul {
+        padding: 0;
+
+        display: flex;
+        flex-direction: row;
+
+        > li {
+            margin: 0 $spacing-small 0 0;
+            list-style: none;
+
+            > a {
+                height: 40px;
+                width: 40px;
+
+                display: flex;
+                justify-content: center;
+                align-items: center;
+
+                text-decoration: none;
+                font-size: 16px;
+
+                border-radius: $border-radius-circle;
+                background-color: transparent;
+                color: $color-on-dark;
+
+                &:hover {
+                    background-color: $color-light;
+                    color: $color-on-light;
+                }
+            }
+        }
+    }
+
+    > h4 {
+        margin-bottom: $spacing-xsmall;
+    }
+}

front/src/styles/_navigation_bar.scss

@@ -13,11 +13,10 @@ nav {
     top: 0;
     left: 0;
 
-    border-bottom: 2px solid $color-primary;
+    border-bottom: 3px solid $color-primary;
     background-color: $color-dark;
     color: $color-light;
 
-    //transition: box-shadow 0.05s ease-in-out;
     z-index: 9999999;
 
     ul {

front/src/styles/main.scss

@@ -3,6 +3,7 @@
 @import "reset";
 @import "loading_bar";
 @import "navigation_bar";
+@import "footer";
 @import "announcement_banner";
 @import "container";
 @import "menu_item";