From dd8096507b9e2eab0c1aa56f75a5cf9114aaa29f Mon Sep 17 00:00:00 2001
From: Thomas Citharel <tcit@tcit.fr>
Date: Thu, 10 Jun 2021 10:33:06 +0200
Subject: [PATCH] Footer UI improvements

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
---
 js/src/components/Footer.vue | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/js/src/components/Footer.vue b/js/src/components/Footer.vue
index b82328f1f..cf75d41d9 100644
--- a/js/src/components/Footer.vue
+++ b/js/src/components/Footer.vue
@@ -115,12 +115,13 @@ footer.footer {
     flex: 1;
     max-width: 40rem;
     @include mobile {
-      max-width: 400px;
+      max-width: 100%;
     }
   }
 
   div.content {
     flex: 1;
+    padding-top: 10px;
   }
 
   ul {
@@ -131,6 +132,7 @@ footer.footer {
     li {
       display: inline-flex;
       margin: auto 5px;
+      padding: 2px 0;
       a {
         font-size: 1.1rem;
       }
@@ -143,9 +145,12 @@ footer.footer {
     text-decoration-color: $secondary;
   }
 
-  ::v-deep span.select select {
-    background: $background-color;
-    color: $white;
+  ::v-deep span.select {
+    select,
+    option {
+      background: $background-color;
+      color: $white;
+    }
   }
 }
 </style>