From 3b53c4451c4f96ecb7b29133f4fd28d2a287f367 Mon Sep 17 00:00:00 2001
From: Mathieu Jaumotte <mathieu.jaumotte@champs-libres.coop>
Date: Wed, 5 May 2021 18:45:51 +0200
Subject: [PATCH] fix modal ux counter position

---
 .../ChillMainBundle/Resources/public/scss/chillmain.scss   | 4 +++-
 .../Resources/public/vuejs/_components/AddPersons.vue      | 7 ++++---
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/Bundle/ChillMainBundle/Resources/public/scss/chillmain.scss b/src/Bundle/ChillMainBundle/Resources/public/scss/chillmain.scss
index 568268b0c..a27dcdc42 100644
--- a/src/Bundle/ChillMainBundle/Resources/public/scss/chillmain.scss
+++ b/src/Bundle/ChillMainBundle/Resources/public/scss/chillmain.scss
@@ -115,7 +115,9 @@ div.modal-body.up {
 }
 div.results {
    div.count {
-      margin: -0.5em 0 0.7em;;
+      margin: -0.5em 0 0.7em;
+      display: flex;
+      justify-content: space-between;
    }
    div.list-item {
       line-height: 26pt;
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/AddPersons.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/AddPersons.vue
index 5f7eacc82..41ad36004 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/AddPersons.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/AddPersons.vue
@@ -31,10 +31,11 @@
             <span class="discret">Selection: {{ selected }}</span>
             <div class="results">
                <div class="count">
-                  <span v-if="suggestedCounter > 0" style="">
-                        <a href="#">{{ $t('action.check_all')}}</a>
+                  <span>
+                     <a  v-if="suggestedCounter > 0" href="#">
+                        {{ $t('action.check_all')}}</a>
                   </span>
-                  <span v-if="selectedCounter > 0" style="float:right;">
+                  <span v-if="selectedCounter > 0">
                      {{ $tc('add_persons.selected_counter', selectedCounter) }}
                   </span>
                </div>