From 87a7e0de00ee770089560d22f71a82aca6f854bd Mon Sep 17 00:00:00 2001
From: Mathieu Jaumotte <mathieu.jaumotte@champs-libres.coop>
Date: Thu, 29 Jul 2021 14:35:14 +0200
Subject: [PATCH] household alert dropdown style

---
 .../_join_household.html.twig                 | 66 ++++++++++---------
 1 file changed, 34 insertions(+), 32 deletions(-)

diff --git a/src/Bundle/ChillPersonBundle/Resources/views/AccompanyingCourse/_join_household.html.twig b/src/Bundle/ChillPersonBundle/Resources/views/AccompanyingCourse/_join_household.html.twig
index fd0cf373d..600430b31 100644
--- a/src/Bundle/ChillPersonBundle/Resources/views/AccompanyingCourse/_join_household.html.twig
+++ b/src/Bundle/ChillPersonBundle/Resources/views/AccompanyingCourse/_join_household.html.twig
@@ -1,38 +1,40 @@
-<div class="alert alert-danger alert-with-actions">
-    <div class="message">
-        {{ 'Some peoples does not belong to any household currently. Add them to an household soon'|trans }}
-    </div>
-    <ul class="record_actions">
-        <li>
-            <button class="btn btn-create" data-bs-toggle="collapse" href="#withoutHouseholdList">
-                {{ 'Add to household now'|trans }}
-            </button>
-        </li>
-    </ul>
-</div>
-
-<div id="withoutHouseholdList" class="collapse">
-    <form method="GET"
-          action="{{ chill_path_add_return_path('chill_person_household_members_editor') }}">
-
-        <h3>{{ 'household.Select people to move'|trans }}</h3>
-        <ul>
-            {% for p in withoutHousehold %}
-                <li>
-                    <input type="checkbox" name="persons[]" value="{{ p.id }}" checked />
-                    {{ p|chill_entity_render_box }}
-                </li>
-            {% endfor %}
-        </ul>
-
-        <input type="hidden" name="expand_suggestions" value="true" />
-        <input type="hidden" name="accompanying_period_id" value="{{ accompanyingCourse.id }}" />
+<div class="border border-danger">
+    <div class="alert alert-danger alert-with-actions mb-0">
+        <div class="message">
+            {{ 'Some peoples does not belong to any household currently. Add them to an household soon'|trans }}
+        </div>
         <ul class="record_actions">
             <li>
-                <button type="submit" class="btn btn-edit">
-                    {{ 'household.Household editor'|trans }}
+                <button class="btn btn-chill-pink" data-bs-toggle="collapse" href="#withoutHouseholdList">
+                    <i class="fa fa-fw fa-caret-down"></i><span class="text-light">{{ 'Add to household now'|trans }}</span>
                 </button>
             </li>
         </ul>
-    </form>
+    </div>
+
+    <div id="withoutHouseholdList" class="collapse p-3">
+        <form method="GET"
+              action="{{ chill_path_add_return_path('chill_person_household_members_editor') }}">
+
+            <h3>{{ 'household.Select people to move'|trans }}</h3>
+            <ul>
+                {% for p in withoutHousehold %}
+                    <li>
+                        <input type="checkbox" name="persons[]" value="{{ p.id }}" checked />
+                        {{ p|chill_entity_render_box }}
+                    </li>
+                {% endfor %}
+            </ul>
+
+            <input type="hidden" name="expand_suggestions" value="true" />
+            <input type="hidden" name="accompanying_period_id" value="{{ accompanyingCourse.id }}" />
+            <ul class="record_actions mb-0">
+                <li>
+                    <button type="submit" class="btn btn-edit">
+                        {{ 'household.Household editor'|trans }}
+                    </button>
+                </li>
+            </ul>
+        </form>
+    </div>
 </div>