From ef062e6b7fecb2684f5bfbda1ff73dab4041a2c6 Mon Sep 17 00:00:00 2001
From: Bastien DUMONT <bdumont@grandlyon.com>
Date: Fri, 21 Jun 2024 14:21:59 +0000
Subject: [PATCH] fix: accessibility & legal notice page

---
 scss/accessibility.scss    | 19 +++++++------------
 scss/mentions-legales.scss | 16 +++++-----------
 2 files changed, 12 insertions(+), 23 deletions(-)

diff --git a/scss/accessibility.scss b/scss/accessibility.scss
index 5a11472..2ad2103 100644
--- a/scss/accessibility.scss
+++ b/scss/accessibility.scss
@@ -3,22 +3,17 @@
 .accessibility {
   display: flex;
   flex-direction: column;
-  margin-block: 80px;
-  padding-inline: 120px;
-
-  * {
-    max-width: 1400px;
-  }
-
-  @media (max-width: $breakpoint) {
-    margin-block: 20px;
-    padding-inline: 20px;
-  }
+  padding-inline: 20px;
+  margin: auto;
+  margin-block: 20px;
+  width: 100%;
+  max-width: 700px;
 
   h2,
   h3,
   h4 {
-    margin-top: 8px;
+    margin-top: 12px;
+    margin-bottom: 4px;
   }
   table {
     width: 100%;
diff --git a/scss/mentions-legales.scss b/scss/mentions-legales.scss
index b9c5167..f27bbda 100644
--- a/scss/mentions-legales.scss
+++ b/scss/mentions-legales.scss
@@ -5,17 +5,11 @@
   display: flex;
   flex-direction: column;
   gap: 16px;
-  margin-top: 80px;
-  padding-inline: 120px;
-
-  * {
-    max-width: 1400px;
-  }
-
-  @media (max-width: $breakpoint) {
-    margin-top: 20px;
-    padding-inline: 20px;
-  }
+  padding-inline: 20px;
+  margin: auto;
+  margin-block: 20px;
+  width: 100%;
+  max-width: 700px;
 
   .paragraph {
     display: flex;
-- 
GitLab