grosse amélioration du positionnement des labels de tête de colonne + flêches de tri

css/gamutable.css

@@ -55,6 +55,15 @@
   border: 1px solid #777777;
 }
 
+.gamutable table .gt_labels {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: justify;
+      justify-content: space-between;
+  -ms-flex-align: center;
+      align-items: center;
+}
+
 .gamutable table th > div {
   display: -ms-flexbox;
   display: flex;

css/gamutable.scss

@@ -53,6 +53,11 @@
 	thead {
 		border: 1px solid rgb(119, 119, 119);
 	}
+	.gt_labels {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+	}
 	th > div {
 		display: flex;
 	}

js/gamutable.es6.js

@@ -681,11 +681,13 @@ let monTableau = {
 			<thead>
 				<tr>
 					<th v-for="(label,head,i) in header" :key="'head_'+i" :class="[head,classes[head]]">
+						<span class="gt_labels">
+							<span v-html="label"></span>
 							<span class="iconeTri">
 								<i class="fa fa-sort-asc fa-sort-up" :class="ordreActif(head, 'asc')" aria-hidden="true" @click.stop="tri(head,'asc')"></i>
 								<i class="fa fa-sort-desc fa-sort-down" :class="ordreActif(head, 'desc')" aria-hidden="true" @click.stop="tri(head,'desc')"></i>
 							</span>
-						<span v-html="label"></span>
+						</span>
 					</th>
 				</tr>
 				<tr v-if="filtreCol.length" class="filtreColonne">