Tweak mobile menu layout a bit

- move contact to main list
- make sure banner is aligned with other banner
- pad individual links a bit

1 files changed, 5 insertions, 3 deletions

diff --git a/stylesheets/commun.css b/stylesheets/commun.css
index 7ac3b4b..9500d5b 100644
--- a/stylesheets/commun.css
+++ b/stylesheets/commun.css
@@ -313,6 +313,7 @@ footer.legal {
     header.slidingmenu > .content header.banner {
         grid-column: 2;
         grid-row: 1 / 3;
+        justify-self: start;
     }
     header.slidingmenu > .content > a.lang {
         grid-column: -2;
@@ -330,8 +331,7 @@ footer.legal {
         border-radius: 50%;
     }
     header.slidingmenu > .content > nav.menu,
-    header.slidingmenu > .content > nav.social,
-    header.slidingmenu > .content > a.contact {
+    header.slidingmenu > .content > nav.social {
         grid-column: 1 / -1;
         width: 100%;
     }
@@ -357,7 +357,9 @@ footer.legal {
         justify-content: space-evenly;
     }
     header.slidingmenu > .content > nav.social > ul > li > a {
-        display: block;
+        display: flex;
+        align-items: center;
+        padding: 0.5em;
     }
     header.slidingmenu > .content > nav.social > ul > li > a > img {
         width: 2em;