Minor fixes

src/_includes/layouts/member.njk

@@ -1,6 +1,6 @@
 {% extends 'layouts/base.njk' %}
 
-{# {% set title = name %} #}
+{% set title = name %}
 
 {% block content %}
   <main id="main-content" tabindex="-1">

src/pages/comprendre-la-cae.md

@@ -16,7 +16,7 @@ La CAE c’est aussi une société coopérative, chacun des associés qui la com
 <iframe width="560" height="315" src="https://www.youtube.com/embed/4QhR_wM0MXk?controls=0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
 </div>
 
-## Le statut d’entrepreneur salarié
+## Situer le statut d’entrepreneur salarié
 
 <details>
   <summary>

src/scss/components/_form.scss

@@ -146,4 +146,8 @@ legend {
   .field-list__field-group {
     margin-top: 1.5rem;
   }
+
+  .btn[type=submit] {
+    width: 100%;
+  }
 }

src/scss/components/_post.scss

@@ -114,6 +114,7 @@
       grid-template-rows: auto;
       grid-column-gap: 1.5rem;
       grid-row-gap: 0;
+      margin-bottom: 2rem;
 
       .video-player > iframe {
         height: 89%;
@@ -334,7 +335,7 @@
   .post {
     &__body {
       h1 {
-        margin: 4rem 0;
+        margin: 2rem 0 4rem;
         font-size: 1.75rem;
       }
 
@@ -343,7 +344,7 @@
       }
 
       .table-wrapper {
-        overflow-y: auto;
+        overflow-x: auto;
       }
 
       table {

src/scss/components/_posts-list.scss

@@ -135,7 +135,7 @@ main.home .news-list {
 
     &__items {
       display: flex;
-      overflow-y: auto;
+      overflow-x: auto;
       padding-bottom: 1rem;
       padding-left: 1.25rem;
     }

src/scss/components/_site-head.scss

@@ -16,10 +16,14 @@
     &:focus {
       outline-color: var(--color-secondary);
     }
+
+    + button {
+      display: none;
+    }
   }
 }
 
-@media (max-width: 1199.98px) {
+@media (min-width: 768px) and (max-width: 1199.98px) {
   .site-head {
     &__inner {
       display: block;
@@ -31,3 +35,23 @@
     }
   }
 }
+
+@media (max-width: 767.98px) {
+  .site-head {
+    padding-top: 2rem;
+    
+    &__inner {
+      display: flex;
+      flex-wrap: wrap;
+    }
+
+    &__site-name {
+      display: inline-block;
+
+      + button {
+        display: inline-block;
+        margin-left: auto;
+      }
+    }
+  }
+}

src/scss/components/_sponsor.scss

@@ -40,7 +40,7 @@
   .sponsor {
     &__list {
       display: flex;
-      overflow-y: auto;
+      overflow-x: auto;
       padding-bottom: 1rem;
     }