From cb35aed20291053bd8b110169b6465cf238e1cb9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julien=20Fastr=C3=A9?= <julien.fastre@champs-libres.coop>
Date: Mon, 21 Mar 2022 12:45:20 +0100
Subject: [PATCH] use remove-items UI api for listing referrers

---
 .../vuejs/AccompanyingCourseWorkEdit/App.vue  | 26 ++++---------------
 1 file changed, 5 insertions(+), 21 deletions(-)

diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkEdit/App.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkEdit/App.vue
index c6db11fd3..7f6cadca0 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkEdit/App.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkEdit/App.vue
@@ -159,16 +159,13 @@
          </div>
 
          <div v-else>
-            <div class="flex-bloc mb-3">
-                  <div v-for="u in referrers" :key="u.id" class="referrer">
-                     <span class="badge-user">
+            <ul class="list-suggest remove-items inline">
+                  <li v-for="u in referrers" :key="u.id" :title="$t('remove_referrer')"  @click="removeReferrer(u)">
+                     <span>
                         {{ u.text }}
                      </span>
-                     <span class="referrer-close-btn">
-                        <button :title="$t('remove_referrer')" class="btn btn-sm btn-remove" @click="removeReferrer(u)" />
-                     </span>
-                  </div>
-            </div>
+                  </li>
+            </ul>
          </div>
 
          <ul class="record_actions">
@@ -718,17 +715,4 @@ div#workEditor {
    }
 }
 
-.referrer {
-   margin-bottom: 0.4rem;
-   .referrer-close-btn {
-      margin-left: 0.4rem;
-      margin-right: 0.4rem;
-      button {
-         height: 1.45rem;
-         min-width: 1.45rem;
-         font-size: 0.4rem;
-      }
-   }
-}
-
 </style>