quatuorbellefeuille.com

commit e7990e2457f37cced7dae029e680cc1e3ce26a07
parent 5c8deac246d2f4cb7274ee823a4a7fe9c5a1c54f
Author: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date:   Mon,  1 Mar 2021 23:38:29 +0100

Tweak mobile menu layout a bit

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

Diffstat:
M
stylesheets/commun.css
 | 
8
+++++---
M
template.html
 | 
4
+---

2 files changed, 6 insertions(+), 6 deletions(-)
diff --git 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
@@ -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>