From a0f0bf17a38ce4f9092d16e85131f1d60b36c5a5 Mon Sep 17 00:00:00 2001
From: paidge <paidge_cs@hotmail.com>
Date: Mon, 31 Jan 2022 15:46:16 +0100
Subject: [PATCH] improve display for CertifList component

---
 components/certif/List.vue | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/components/certif/List.vue b/components/certif/List.vue
index 570fd3e..d001d1e 100644
--- a/components/certif/List.vue
+++ b/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"
-- 
GitLab