Tweak mobile menu layout a bit

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

2 files changed, 6 insertions, 6 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;
diff --git a/template.html b/template.html
index 6bebb8f..7bb4f9f 100644
--- a/template.html
+++ b/template.html
@@ -41,6 +41,7 @@
             <li><a href="actualités.html">actualités</a></li>
             <li><a href="programmes.html">programmes</a></li>
             <li><a href="galerie.html">galerie</a></li>
+            <li><a href="contact.html">contact</a></li>
           </ol>
         </nav>
         <nav class="social">
@@ -65,9 +66,6 @@
             </li>
           </ul>
         </nav>
-        <a class="contact" href="contact.html">
-          contact
-        </a>
       </div>
     </header>