From 03c4a47e7c7e6369a16a51ac42d1faa8a6d408e3 Mon Sep 17 00:00:00 2001
From: bach <bachir@figureslibres.io>
Date: Tue, 11 May 2021 11:40:44 +0200
Subject: [PATCH] improved page layout

---
 .../popsu/templates/layout/page.html.twig     | 30 ++++++++++++++-----
 1 file changed, 22 insertions(+), 8 deletions(-)

diff --git a/web/themes/custom/popsu/templates/layout/page.html.twig b/web/themes/custom/popsu/templates/layout/page.html.twig
index e530c262..607ab0ce 100644
--- a/web/themes/custom/popsu/templates/layout/page.html.twig
+++ b/web/themes/custom/popsu/templates/layout/page.html.twig
@@ -34,10 +34,16 @@
 
   <header role="banner">
     <section id="header-top">
-      {{ page.header_top_left }}
-      {{ page.header_top_rigth }}
+      <div id="header-top-left">
+        {{ page.header_top_left }}
+      </div>
+      <div id="header-top-right">
+        {{ page.header_top_rigth }}
+      </div>
+    </section>
+    <section id="header-bottom">
+      {{ page.header_bottom }}
     </section>
-    {{ page.header_bottom }}
   </header>
 
   {{ page.help }}
@@ -64,11 +70,19 @@
   </main>
 
   <footer role="contentinfo">
-    {{ page.footer_top }}
-    <section id="fotter-bottom">
-      {{ page.footer_left }}
-      {{ page.footer_middle }}
-      {{ page.footer_right }}
+    <section id="footer-top">
+      {{ page.footer_top }}
+    </section>
+    <section id="footer-bottom">
+      <div id="footer-left">
+        {{ page.footer_left }}
+      </div>
+      <div id="footer-middle">
+        {{ page.footer_middle }}
+      </div>
+      <div id="footer-right">
+        {{ page.footer_right }}
+      </div>
     </section>
   </footer>