From 2020eba8a82fc7e01e827337260aafad6f0df649 Mon Sep 17 00:00:00 2001
From: Laetitia Getti <laetitia@hashbang.fr>
Date: Wed, 16 Aug 2023 14:12:35 +0200
Subject: [PATCH] fix bug on full height boxes and switch blocs

---
 la_chariotte/static/css/app.css            |  2 +-
 la_chariotte/static/sass/base/_global.sass |  2 +-
 la_chariotte/templates/dashboard.html      | 32 ++++++++++------------
 3 files changed, 17 insertions(+), 19 deletions(-)

diff --git a/la_chariotte/static/css/app.css b/la_chariotte/static/css/app.css
index 6eac668..b2b099e 100644
--- a/la_chariotte/static/css/app.css
+++ b/la_chariotte/static/css/app.css
@@ -10302,7 +10302,7 @@ main {
   border-right: 1px solid #e9b049;
 }
 
-.box {
+.box.full-height {
   height: 100%;
 }
 
diff --git a/la_chariotte/static/sass/base/_global.sass b/la_chariotte/static/sass/base/_global.sass
index 2912694..5322d35 100644
--- a/la_chariotte/static/sass/base/_global.sass
+++ b/la_chariotte/static/sass/base/_global.sass
@@ -15,7 +15,7 @@ main
 	border-bottom: 2px solid $beige
 	border-right: 1px solid $beige
 
-.box
+.box.full-height
 	height: 100%
 
 .footer
diff --git a/la_chariotte/templates/dashboard.html b/la_chariotte/templates/dashboard.html
index 2b7edb6..b7de7cd 100644
--- a/la_chariotte/templates/dashboard.html
+++ b/la_chariotte/templates/dashboard.html
@@ -8,11 +8,24 @@
 <p class="desktop-hidden mobile-content-title">
   {% block content_title %}Bienvenue{% if user.is_authenticated %}, {{ user.first_name }}{% else %} sur la Chariotte !{% endif %}{% endblock %}
 </p>
+<div class="box">
+  <p class="title">La Chariotte, outil au service des commandes groupées</p>
+  <p>Bienvenue sur la Chariotte, pensée pour vous aider à organiser des commandes groupées !
+    Que vous soyez producteur ou productrice, simple passant·e curieux·se, 
+    ou expert·e des groupements d'achats en tout genre, la Chariotte vous réserve des rencontres,
+    des bons produits locaux et bien plus !
+  </p>
+  <div class="buttons is-centered">
+    <a class="button is-info" href="{% url 'accounts:login' %}">
+      <i class="fa fa-info-circle mr-3" aria-hidden="true"></i>En savoir plus sur la Chariotte
+    </a>
+  </div>
+</div>
 <div class="columns is-centered">
   <div class="column is-10">
     <div class="columns">
       <div class="column is-half">
-        <div class="box">
+        <div class="box full-height">
           <p class="subtitle">Rejoindre une commande groupée</p>
           <p>Si vous avez un code à 6 caractères, entrez-le ici :</p>
           <form method="post">
@@ -32,7 +45,7 @@
         </div>
       </div>
       <div class="column is-half">
-        <div class="box">
+        <div class="box full-height">
           {% if user.is_authenticated %}
           <p class="subtitle">... Ou accédez à vos commandes groupées</p>
           <a class="button is-primary" href="{% url 'order:index' %}">
@@ -50,21 +63,6 @@
         </div>
       </div>
     </div>
-
-      <div class="box">
-        <p class="title">La Chariotte, outil au service des commandes groupées</p>
-        <p>Bienvenue sur la Chariotte, pensée pour vous aider à organiser des commandes groupées !
-          Que vous soyez producteur ou productrice, simple passant·e curieux·se, 
-          ou expert·e des groupements d'achats en tout genre, la Chariotte vous réserve des rencontres,
-          des bons produits locaux et bien plus !
-        </p>
-        <div class="buttons is-centered">
-          <a class="button is-info" href="{% url 'accounts:login' %}">
-            <i class="fa fa-info-circle mr-3" aria-hidden="true"></i>En savoir plus sur la Chariotte
-          </a>
-        </div>
-      </div>
-    </div>
   </div>
 </div>
 {% endblock %}