deletion of small tags on badges

assets/css/style.scss

@@ -77,7 +77,7 @@ $info: #0a8299;
 	}
 
 	.td-date {
-		width: 160px;
+		width: 165px;
 	}
 }
 

components/badge/Dispo.vue

 <template>
-	<small>
-		<span
-			class="badge"
-			:class="{
-				'badge-success': isDispo,
-				'badge-danger': !isDispo
-			}">
-			{{
-				isDispo
-					? $t("membre.dispo")
-					: "⏱&nbsp;" +
-					  nbPendingCertifs +
-					  " (&nbsp;" +
-					  $d(new Date(dateDispo * 1000), "short") +
-					  ")"
-			}}
-		</span>
-	</small>
+	<span
+		class="badge"
+		:class="{
+			'badge-success': isDispo,
+			'badge-danger': !isDispo
+		}">
+		{{
+			isDispo
+				? $t("membre.dispo")
+				: "⏱&nbsp;" +
+				  nbPendingCertifs +
+				  " (&nbsp;" +
+				  $d(new Date(dateDispo * 1000), "short") +
+				  ")"
+		}}
+	</span>
 </template>
 
 <script>

components/badge/Quality.vue

 <template>
-	<small>
-		<span
-			class="badge"
-			:class="{
-				'badge-success': quality >= 80,
-				'badge-warning': quality < 80
-			}">
-			{{ Math.round(quality * 100) / 100 }}
-		</span>
-	</small>
+	<span
+		class="badge"
+		:class="{
+			'badge-success': quality >= 80,
+			'badge-warning': quality < 80
+		}">
+		{{ Math.round(quality * 100) / 100 }}
+	</span>
 </template>
 
 <script>

components/badge/Status.vue

 <template>
-	<small>
-		<span class="badge" :class="this.displayStatus(membre).class">
-			{{ this.displayStatus(membre).str }}
-		</span>
-	</small>
+	<span class="badge" :class="this.displayStatus(membre).class">
+		{{ this.displayStatus(membre).str }}
+	</span>
 </template>
 
 <script>

components/certif/List.vue

@@ -54,9 +54,9 @@
 					</th>
 					<td class="text-right py-1">
 						<BadgeDate :date="certif.expires_on" styleDate="short" />
-						<small class="d-block" v-if="certif.pending">
-							<span class="badge badge-secondary">{{ $t("traitement") }}</span>
-						</small>
+						<span class="badge badge-secondary" v-if="certif.pending">{{
+							$t("traitement")
+						}}</span>
 					</td>
 				</tr>
 			</tbody>

components/member/Card.vue

@@ -7,7 +7,7 @@
 					<span class="text-truncate d-inline-block">
 						{{ hash.uid }}
 					</span>
-					<BadgeStatus class="ml-2" :membre="hash" />
+					<small><BadgeStatus class="ml-2" :membre="hash" /></small>
 				</h2>
 				<button
 					id="favori"