fix: meilleur page de fiche de perso

Fixes #217

static/fiches.html

@@ -22,45 +22,46 @@
   <div class="row">
       <main class="col-md-8">
 				<p><a class="btn btn-secondary" href="index.html"><i class="fa fa-caret-left"></i> Retour</a></p>
+
 				<div class="card card-brown">
-					<table class="table table-card card-brown">
+					<div class="card-header">Type de fiche</div>
-						<tr class="card-header"><th>Type de fiche</th><th></th></tr>
+					<div class="card-body">
-						<tr> <!-- Fiche de personnage générique -->
+						<div class="d-flex align-items-center pb-1"> <!-- Fiche de personnage générique -->
-							<td>Fiche de personnage</td>
+							<div style="flex-grow:1;">Fiche de personnage</div>
-							<td class="td-btn">
+							<div class="td-btn">
 								<a class="btn btn-primary" href="download/fiche-personnage.odt"><i class="fa fa-file-text-o"></i> .ODT</a>
 								<a class="btn btn-success" href="download/fiche-personnage.pdf"><i class="fa fa-file-pdf-o"></i> .PDF</a>
-							</td>
+							</div>
-						</tr>
+						</div>
-						<tr> <!-- Fiche de personnages non jouables -->
+						<div class="d-flex align-items-center pb-1"> <!-- Fiche de personnages non jouables -->
-							<td>Fiche de PNJ</td>
+							<div style="flex-grow:1;">Fiche de PNJ</div>
-							<td class="td-btn">
+							<div class="td-btn">
 								<a class="btn btn-primary" href="download/fiche-pnj.odt"><i class="fa fa-file-text-o"></i> .ODT</a>
 								<a class="btn btn-success" href="download/fiche-pnj.pdf"><i class="fa fa-file-pdf-o"></i> .PDF</a>
-							</td>
+							</div>
-						</tr>
+						</div>
-						<tr> <!-- Fiche de suiveurs (pnj simplifiés) -->
+						<div class="d-flex align-items-center pb-1"> <!-- Fiche de suiveurs (pnj simplifiés) -->
-							<td>Fiche de suiveurs</td>
+							<div style="flex-grow:1;">Fiche de suiveurs</div>
-							<td class="td-btn">
+							<div class="td-btn">
 								<a class="btn btn-primary" href="download/fiche-suiveur.odt"><i class="fa fa-file-text-o"></i> .ODT</a>
 								<a class="btn btn-success" href="download/fiche-suiveur.pdf"><i class="fa fa-file-pdf-o"></i> .PDF</a>
-							</td>
+							</div>
-						</tr>
+						</div>
-						<tr> <!-- Fiche de créatures -->
+						<div class="d-flex align-items-center pb-1"> <!-- Fiche de créatures -->
-							<td>Fiche de créature</td>
+							<div style="flex-grow:1;">Fiche de créature</div>
-							<td class="td-btn">
+							<div class="td-btn">
 								<a class="btn btn-primary" href="download/fiche-creature.odt"><i class="fa fa-file-text-o"></i> .ODT</a>
 								<a class="btn btn-success" href="download/fiche-creature.pdf"><i class="fa fa-file-pdf-o"></i> .PDF</a>
-							</td>
+							</div>
-						</tr>
+						</div>
-						<tr>
+						<div class="d-flex align-items-center pb-1">
-							<td>Fiche de véhicule</td>
+							<div style="flex-grow:1;">Fiche de véhicule</div>
-							<td class="td-btn">
+							<div class="td-btn">
 								<a class="btn btn-primary" href="download/fiche-vehicule.odt"><i class="fa fa-file-text-o"></i> .ODT</a>
 								<a class="btn btn-success" href="download/fiche-vehicule.pdf"><i class="fa fa-file-pdf-o"></i> .PDF</a>
-							</td>
+							</div>
-						</tr>
+						</div>
-					</table>
+					</div>
 				</div>
 
         </main>