Improve lists

views/sections.html

@@ -1,7 +1,7 @@
 {% extends "layouts/main.html" %}
 
 {% block main %}
-<div class="container mt-4">
+<div class="container my-4">
 	<div class="mb-4">
 		<nav>
 			<ol class="breadcrumb">
@@ -13,16 +13,22 @@
 		<hr>
 	</div>
 
+	<div class="my-3 text-end">
+		<a class="btn btn-md btn-primary" href="/admin/sections/add">
+			<i class="bi-plus-lg"></i>
+			Ajouter
+		</a>
+	</div>
+
 	{% if Sections %}
 	<div class="table-responsive">
 		<table class="table">
 			<thead>
 				<tr>
-					<th>Nom</th>
-					<th>Nom technique</th>
-					<th>Section parente</th>
-					<th>Contient membres</th>
-					<th>Contient contacts</th>
+					<th class="w-25">Nom</th>
+					<th class="w-25">Section parente</th>
+					<th class="w-25">Membres</th>
+					<th class="w-25">Contacts</th>
 				</tr>
 			</thead>
 			<tbody>
@@ -33,27 +39,29 @@
 							{{ Section.Name }}
 						</a>
 					</td>
-					<td>
-						{{ Section.ShortName }}
-					</td>
 					<td>
 						{% if Section.ParentSectionID %}
 							{{ Section.ParentSection.Name }}
 						{% else %}
-							N/A
-						{% endif %}					
+							<i class="bi-x-lg text-danger me-1"></i>
+							Non
+						{% endif %}
 					</td>
 					<td>
 						{% if Section.ContainsMembers %}
+							<i class="bi-check-lg text-success me-1"></i>
 							Oui
 						{% else %}
+							<i class="bi-x-lg text-danger me-1"></i>
 							Non
 						{% endif %}
 					</td>
 					<td>
 						{% if Section.ContainsContacts %}
+							<i class="bi-check-lg text-success me-1"></i>
 							Oui
 						{% else %}
+							<i class="bi-x-lg text-danger me-1"></i>
 							Non
 						{% endif %}
 					</td>
@@ -68,12 +76,5 @@
 	</div>
 	{% endif %}
 
-	<div class="mt-3">
-		<a class="btn btn-md btn-primary" href="/admin/sections/add">
-			<i class="bi-plus-lg"></i>
-			Ajouter
-		</a>
-	</div>
-
 </div>
 {% endblock %}