Implémenter une app vue avec la liste des tickets attribués

src/Bundle/ChillMainBundle/Resources/public/vuejs/PickEntity/PickEntity.vue

@@ -1,6 +1,6 @@
 <template>
-  <div class="grey-card">
-    <ul :class="listClasses" v-if="picked.length > 0 && displayPicked">
+  <div class="grey-card p-2">
+    <ul :class="listClasses" v-if="displayPicked">
       <li
         v-for="p in picked"
         @click="removeEntity(p)"
@@ -21,14 +21,15 @@
         </span>
       </li>
     </ul>
-    <ul class="record_actions">
+    <ul class="record_actions mb-0">
       <li v-if="isCurrentUserPicker" class="btn btn-sm btn-misc">
-        <label class="flex items-center gap-2">
+        <label class="flex items-center gap-1">
           <input
             :checked="isMePicked"
             ref="itsMeCheckbox"
             :type="multiple ? 'checkbox' : 'radio'"
             @change="selectItsMe($event as InputEvent)"
+            style="margin: 0"
           />
           {{ trans(USER_CURRENT_USER) }}
         </label>
@@ -45,11 +46,15 @@
       </li>
     </ul>
 
-    <ul class="badge-suggest add-items inline" style="float: right">
+    <ul
+      class="badge-suggest add-items inline"
+      style="justify-content: flex-end; display: flex"
+    >
       <li
         v-for="s in suggested"
         :key="s.type + s.id"
         @click="addNewSuggested(s)"
+        style="margin: 0"
       >
         <span :class="getBadgeClass(s)" :style="getBadgeStyle(s)">
           {{ s.text }}
@@ -221,8 +226,6 @@ function getBadgeStyle(entities: Entities) {
 .grey-card {
   background: #f8f9fa;
   border-radius: 8px;
-  padding: 1.5rem;
-  min-height: 160px;
 }
 
 .btn-check:checked + .btn,
@@ -242,6 +245,7 @@ ul.badge-suggest {
   list-style-type: none;
   padding-left: 0;
   margin-bottom: 0px;
+  min-height: 30px;
 }
 ul.badge-suggest li > span {
   white-space: normal;