From 8b4f1f2cd1a09bc1a67b9befdf97e59694b3f77b Mon Sep 17 00:00:00 2001
From: Yves Gatesoupe <yves@ygat.es>
Date: Fri, 17 Jul 2020 20:00:13 +0200
Subject: [PATCH] Minor fixes

---
 src/_includes/layouts/member.njk     |  2 +-
 src/pages/comprendre-la-cae.md       |  2 +-
 src/scss/components/_form.scss       |  4 ++++
 src/scss/components/_post.scss       |  5 +++--
 src/scss/components/_posts-list.scss |  2 +-
 src/scss/components/_site-head.scss  | 26 +++++++++++++++++++++++++-
 src/scss/components/_sponsor.scss    |  2 +-
 7 files changed, 36 insertions(+), 7 deletions(-)

diff --git a/src/_includes/layouts/member.njk b/src/_includes/layouts/member.njk
index cc56eaa..44ed7f7 100644
--- a/src/_includes/layouts/member.njk
+++ b/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">
diff --git a/src/pages/comprendre-la-cae.md b/src/pages/comprendre-la-cae.md
index 4b634c1..77defac 100644
--- a/src/pages/comprendre-la-cae.md
+++ b/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>
diff --git a/src/scss/components/_form.scss b/src/scss/components/_form.scss
index 1413e50..c2db8a8 100644
--- a/src/scss/components/_form.scss
+++ b/src/scss/components/_form.scss
@@ -146,4 +146,8 @@ legend {
   .field-list__field-group {
     margin-top: 1.5rem;
   }
+
+  .btn[type=submit] {
+    width: 100%;
+  }
 }
diff --git a/src/scss/components/_post.scss b/src/scss/components/_post.scss
index 55fcf99..241c145 100644
--- a/src/scss/components/_post.scss
+++ b/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 {
diff --git a/src/scss/components/_posts-list.scss b/src/scss/components/_posts-list.scss
index 4a2faf6..25e1431 100644
--- a/src/scss/components/_posts-list.scss
+++ b/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;
     }
diff --git a/src/scss/components/_site-head.scss b/src/scss/components/_site-head.scss
index 5857f18..dc880db 100644
--- a/src/scss/components/_site-head.scss
+++ b/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;
+      }
+    }
+  }
+}
diff --git a/src/scss/components/_sponsor.scss b/src/scss/components/_sponsor.scss
index 77419a1..967aa64 100644
--- a/src/scss/components/_sponsor.scss
+++ b/src/scss/components/_sponsor.scss
@@ -40,7 +40,7 @@
   .sponsor {
     &__list {
       display: flex;
-      overflow-y: auto;
+      overflow-x: auto;
       padding-bottom: 1rem;
     }