correcting btn-close menu

components/member/List.vue

@@ -75,9 +75,6 @@
 								:limitDate="member.certsLimit"
 								:memberStatus="member.status" />
 						</div>
-						<div v-if="['adhesion', 'certif'].includes(type)" class="d-sm-none">
-							<BadgeDate :date="getDate(member)" styleDate="short" />
-						</div>
 						<BadgeStatus :membre="member" />
 						<BadgeQuality
 							:quality="member.quality.ratio"
@@ -87,6 +84,9 @@
 							:dateDispo="member.minDate"
 							:certifs="member.sent_certifications"
 							v-if="member.status == 'MEMBER'" />
+						<div v-if="['adhesion', 'certif'].includes(type)" class="d-sm-none">
+							<BadgeDate :date="getDate(member)" styleDate="short" />
+						</div>
 					</th>
 					<td
 						class="d-none d-md-table-cell"

components/navigation/Bar.vue

@@ -155,13 +155,15 @@ nav.breadcrumb-wrapper {
 		left: 0;
 	}
 
-	.close {
-		--size: 50px;
+	.btn-close {
+		--size: 30px;
 		width: var(--size);
 		height: var(--size);
 		top: 0.8rem;
-		right: 0;
-		font-size: 2rem;
+		right: 0.8rem;
+		.dark-theme & {
+			filter: invert(1) grayscale(100%) brightness(200%);
+		}
 	}
 
 	h2 {

components/navigation/menu/Sidebar.vue

@@ -20,11 +20,9 @@
 			</div>
 			<button
 				type="button"
-				class="close position-absolute d-xl-none"
+				class="btn-close position-absolute d-xl-none"
 				aria-label="Close"
-				@click="toggleMenu">
-				<span aria-hidden="true">&times;</span>
-			</button>
+				@click="toggleMenu"></button>
 		</div>
 		<nav class="pt-4 rounded flex-grow-1">
 			<NavigationMenuGroup