improve display for CertifList component

components/certif/List.vue

@@ -78,15 +78,21 @@
 					">
 					<th scope="row" class="py-1">
 						<div>
-							<span v-if="$favourites.list.includes(certif.uid)">★&nbsp;</span>
-							<div class="uid inline-block text-truncate">{{ certif.uid }}</div>
-							<BadgeDanger
-								:limitDate="certif.received_certifications.limit"
-								:memberStatus="certif.status" />
+							<div class="d-flex">
+								<div class="uid inline-block text-truncate">
+									<span v-if="$favourites.list.includes(certif.uid)"
+										>★&nbsp;</span
+									>{{ certif.uid }}
+								</div>
+								&nbsp;
+								<BadgeDanger
+									:limitDate="certif.received_certifications.limit"
+									:memberStatus="certif.status" />
+							</div>
+							<BadgeStatus :membre="certif" />
 							<BadgeQuality
 								:quality="certif.quality.ratio"
 								v-if="certif.status != 'REVOKED'" />
-							<BadgeStatus :membre="certif" />
 							<BadgeDispo
 								:isDispo="certif.minDatePassed"
 								:dateDispo="certif.minDate"