From fa938471aa205a6efe117429c1af61fc453aa29e Mon Sep 17 00:00:00 2001
From: Mathieu Jaumotte <mathieu.jaumotte@champs-libres.coop>
Date: Fri, 10 Sep 2021 16:39:59 +0200
Subject: [PATCH] vue_accourse: move no-household warning above table

---
 .../components/PersonsAssociated.vue          | 45 +++++++++----------
 1 file changed, 21 insertions(+), 24 deletions(-)

diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/PersonsAssociated.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/PersonsAssociated.vue
index da1b4c4e6..f04674cef 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/PersonsAssociated.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/PersonsAssociated.vue
@@ -9,6 +9,26 @@
       <label class="chill-no-data-statement">{{ $tc('persons_associated.counter', counter) }}</label>
    </div>
 
+   <div v-if="participationWithoutHousehold.length > 0" class="alert alert-warning no-household">
+      <i class="fa fa-warning fa-2x"></i>
+      <div class="float-button bottom"><div class="box">
+         <div class="action">
+            <button class="btn btn-update">{{ $t('persons_associated.update_household') }}</button>
+         </div>
+         <p class="mb-3">{{ $t('persons_associated.person_without_household_warning') }}</p>
+         <div class="form-check" v-for="p in participationWithoutHousehold">
+            <input type="checkbox"
+                   class="form-check-input"
+                   v-model="hasNoHousehold"
+                   :id="p.person.id"
+                   :value="p.person.id" />
+            <label class="form-check-label" for="hasNoHousehold">
+               {{ p.person.text }}
+            </label>
+         </div>
+      </div></div>
+   </div>
+
    <div class="flex-table mb-3">
       <participation-item
          v-for="participation in currentParticipations"
@@ -30,29 +50,6 @@
       </add-persons>
    </div>
 
-   <div v-if="participationWithoutHousehold.length > 0" class="alert alert-warning no-household">
-      <i class="fa fa-warning fa-2x"></i>
-      <div class="float-button bottom"><div class="box">
-         <div class="action">
-            <button class="btn btn-update">{{ $t('persons_associated.update_household') }}</button>
-         </div>
-         <p class="mb-3">{{ $t('persons_associated.person_without_household_warning') }}</p>
-         <div class="form-check" v-for="p in participationWithoutHousehold">
-            <input type="checkbox"
-                   class="form-check-input"
-                   v-model="hasNoHousehold"
-                   :id="p.person.id"
-                   :value="p.person.id" />
-            <label class="form-check-label" for="hasNoHousehold">
-               {{ p.person.text }}
-            </label>
-         </div>
-
-      </div></div>
-
-
-   </div>
-
 </div>
 </template>
 
@@ -118,7 +115,7 @@ export default {
 div#accompanying-course {
    div.vue-component {
       & > div.alert {
-         margin: 1em 0 0;
+         margin: 0 0 -1em;
       }
       div.no-household {
          display: flex;