Move lang button at the bottom of the menu

2 files changed, 16 insertions, 21 deletions

diff --git a/stylesheets/commun.css b/stylesheets/commun.css
index 58160d9..9fed430 100644
--- a/stylesheets/commun.css
+++ b/stylesheets/commun.css
@@ -306,7 +306,7 @@ footer.legal {
         z-index: 1;
 
         display: grid;
-        grid-template-columns: 3rem 1fr 3rem;
+        grid-template-columns: 3rem 1fr;
         grid-template-rows: 3rem repeat(4, auto);
     }
     header.slidingmenu > .content > img.button.close {
@@ -318,22 +318,9 @@ footer.legal {
         grid-row: 1 / 3;
         justify-self: start;
     }
-    header.slidingmenu > .content > a.lang {
-        grid-column: -2;
-        grid-row: 1;
-
-        display: flex;
-        align-self: center;
-        justify-self: center;
-        align-items: center;
-        justify-content: center;
-
-        padding: 0.4rem;
-        font-size: 0.8rem;
-    }
     header.slidingmenu > .content > nav.menu,
     header.slidingmenu > .content > nav.social {
-        grid-column: 1 / -1;
+        grid-column: 2;
     }
 
     header.slidingmenu > .content nav ol,
@@ -344,20 +331,18 @@ footer.legal {
     header.slidingmenu > .content > nav.menu li > a {
         display: block;
         padding: 0.5em;
-        padding-left: 2em;
     }
     header.slidingmenu > .content > nav.menu li.dropdown > a {
         display: flex;
     }
     header.slidingmenu > .content > nav.menu li.dropdown li > a {
         padding: 0.2em;
-        padding-left: 4em;
+        padding-left: 2em;
     }
 
     header.slidingmenu > .content > nav.social > ul {
         display: flex;
         padding-left: 0;
-        margin-left: 2em;
     }
     header.slidingmenu > .content > nav.social > ul > li:not(:first-child) {
         margin-left: 1em;
@@ -372,6 +357,16 @@ footer.legal {
         height: 2em;
     }
 
+    header.slidingmenu > .content > a.lang {
+        grid-column: 2;
+
+        justify-self: start;
+
+        margin-left: 0.5em;
+        padding: 0.4rem;
+        font-size: 0.8rem;
+    }
+
     header.slidingmenu > input:checked ~ .content {
         transform: none;
     }
diff --git a/template.html b/template.html
index 91dea2f..3925651 100644
--- a/template.html
+++ b/template.html
@@ -25,9 +25,6 @@
             <h1>Quatuor Bellefeuille</h1>
           </a>
         </header>
-        <a class="lang" href="">
-          EN
-        </a>
         <nav class="menu">
           <ol>
             <li class="dropdown"><a href="quatuor.html">le quatuor</a>
@@ -66,6 +63,9 @@
             </li>
           </ul>
         </nav>
+        <a class="lang" href="">
+          EN
+        </a>
       </div>
     </header>