Largeur des compétences

Ajustement de la largeur des colonnes de compétenes en vue
simplifiée

Déplacement de l'en-tête dans la première ligne de la liste (avec les
boutons en vue détaillée)

styles/simple.css

@@ -1011,6 +1011,9 @@ ul.list-item-margin6 li {
   flex-grow: 0;
   flex-basis: 1;
 }
+div.competence-column div.categorie-competence{
+  width: 100%;
+}
 .competence-header {
   align-content: flex-start;
   justify-content: flex-start;

templates/actor/competence-categorie.html

@@ -1,12 +1,13 @@
 {{#if competences}}
-<div class="flex-shrink">
-  <header class="competence-header flexrow">
-    <span class="competence-title">{{categorie}}</span>
-  </header>
+<div class="flex-shrink categorie-competence">
   <ul class="item-list alterne-list competence-list">
-    {{#if @root.options.vueDetaillee}}
     <li class="item flexrow list-item ">
-      <span class="competence-label"></span>
+      <span>
+        <header class="competence-header flexrow">
+          <span class="competence-title">{{categorie}}</span>
+        </header>
+      </span>
+      {{#if @root.options.vueDetaillee}}
       <span class="competence-value" >Niv.</span>
       <span class="competence-xp">xp</span>
       {{#if (eq categorie 'Draconic')}}
@@ -20,11 +21,12 @@
         <i class="far fa-trash"></i>
         {{/if}}
       </div>
+      {{/if}}
     </li>
-    {{/if}}
     {{#each competences as |comp key|}}
     {{> "systems/foundryvtt-reve-de-dragon/templates/actor/competence.html" comp}}
     {{/each}}
+    <li></li>
   </ul>
 </div>
 {{/if}}