From 243e79972207a70b847791de5da0853bd9347502 Mon Sep 17 00:00:00 2001
From: Vincent Vandemeulebrouck <vincent.vandeme@gmail.com>
Date: Sat, 7 Nov 2020 23:31:18 +0100
Subject: [PATCH] Des descriptions accessibles

---
 styles/simple.css                             |  1 +
 templates/actor-creature-sheet.html           |  4 +-
 templates/actor-humanoide-sheet.html          |  4 +-
 templates/actor-sheet.html                    | 14 +++---
 templates/item-arme-sheet.html                | 10 ++---
 templates/item-armure-sheet.html              | 10 ++---
 templates/item-competence-creature-sheet.html | 10 ++---
 templates/item-competence-sheet.html          | 10 ++---
 templates/item-competencecreature-sheet.html  |  8 ++--
 templates/item-conteneur-sheet.html           | 10 ++---
 templates/item-herbe-sheet.html               | 10 ++---
 templates/item-ingredient-sheet.html          | 10 ++---
 templates/item-livre-sheet.html               | 10 ++---
 templates/item-munition-sheet.html            | 10 ++---
 templates/item-objet-sheet.html               | 43 +++++++++----------
 templates/item-ombre-sheet.html               |  6 +--
 templates/item-potion-sheet.html              | 10 ++---
 templates/item-queue-sheet.html               | 10 ++---
 templates/item-rencontresTMR-sheet.html       | 10 ++---
 templates/item-sort-sheet.html                | 10 ++---
 templates/item-souffle-sheet.html             | 10 ++---
 templates/item-tache-sheet.html               |  8 ++--
 templates/item-tete-sheet.html                | 10 ++---
 23 files changed, 113 insertions(+), 125 deletions(-)

diff --git a/styles/simple.css b/styles/simple.css
index 2a75b0b4..9ffa1b6c 100644
--- a/styles/simple.css
+++ b/styles/simple.css
@@ -46,6 +46,7 @@
 /* Global styles */
 .window-app {
   font-family: "GoudyAcc", sans-serif;
+  text-align: justify;
 }
 
 .rollable:hover, .rollable:focus {
diff --git a/templates/actor-creature-sheet.html b/templates/actor-creature-sheet.html
index 0be19661..4295abfb 100644
--- a/templates/actor-creature-sheet.html
+++ b/templates/actor-creature-sheet.html
@@ -176,8 +176,8 @@
       </div>
       
       {{!-- Biography Tab --}}
-      <div class="tab description" data-group="primary" data-tab="description" style="height:400px !important;  min-height: 400px !important;">
-        <div class="form-group editor" style="height:400px !important; min-height: 400px !important;">
+      <div class="tab description" data-group="primary" data-tab="description">
+        <div class="form-group editor">
           {{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
         </div>
       </div>
diff --git a/templates/actor-humanoide-sheet.html b/templates/actor-humanoide-sheet.html
index 0be19661..4295abfb 100644
--- a/templates/actor-humanoide-sheet.html
+++ b/templates/actor-humanoide-sheet.html
@@ -176,8 +176,8 @@
       </div>
       
       {{!-- Biography Tab --}}
-      <div class="tab description" data-group="primary" data-tab="description" style="height:400px !important;  min-height: 400px !important;">
-        <div class="form-group editor" style="height:400px !important; min-height: 400px !important;">
+      <div class="tab description" data-group="primary" data-tab="description">
+        <div class="form-group editor">
           {{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
         </div>
       </div>
diff --git a/templates/actor-sheet.html b/templates/actor-sheet.html
index 3599351c..9fed4eb0 100644
--- a/templates/actor-sheet.html
+++ b/templates/actor-sheet.html
@@ -477,18 +477,14 @@
               </ol>
             </div>
           </div>
-          <div class="flexcol flex-group-left">
+          <div class="flexcol">
             <span><label>Biographie : </label></span>
-            <div class="form-group" style="height:200px">
-              <div class="form-group editor" style="height:400px !important; min-height: 400px !important;">
-                {{editor content=data.biographie target="data.biographie" button=true owner=owner editable=editable}}
-              </div>
+            <div class="form-group editor">
+              {{editor content=data.biographie target="data.biographie" button=true owner=owner editable=editable}}
             </div>
             <span><label>Notes : </label></span>
-            <div class="form-group" style="height:200px">
-              <div class="form-group editor" style="height:400px !important; min-height: 400px !important;">
-                {{editor content=data.notes target="data.notes" button=true owner=owner editable=editable}}
-              </div>
+            <div class="form-group editor">
+              {{editor content=data.notes target="data.notes" button=true owner=owner editable=editable}}
             </div>
           </div>
         </div>
diff --git a/templates/item-arme-sheet.html b/templates/item-arme-sheet.html
index 666a80b0..6323fa04 100644
--- a/templates/item-arme-sheet.html
+++ b/templates/item-arme-sheet.html
@@ -52,11 +52,11 @@
         <label for="xp">Prix (sols) </label>
         <input class="attribute-value" type="text" name="data.cout" value="{{data.cout}}" data-dtype="Number"/>
       </div>
-      <header class="header-field">
-          <span>Description : </span>
-      </header>
-      <div class="form-group editor" style="height:200px">
-        {{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
+      <div class="flexcol">
+        <span><label>Description : </label></span>
+        <div class="form-group editor">
+          {{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
+        </div>
       </div>
     </section>
     
diff --git a/templates/item-armure-sheet.html b/templates/item-armure-sheet.html
index 00c49720..7ca1a573 100644
--- a/templates/item-armure-sheet.html
+++ b/templates/item-armure-sheet.html
@@ -28,11 +28,11 @@
         <label for="xp">Prix (sols) </label>
         <input class="attribute-value" type="text" name="data.cout" value="{{data.cout}}" data-dtype="Number"/>
       </div>
-      <header class="header-field">
-          <span>Description : </span>
-      </header>
-      <div class="form-group  editor" style="height:200px">
-        {{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
+      <div class="flexcol">
+        <span><label>Description : </label></span>
+        <div class="form-group editor">
+          {{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
+        </div>
       </div>
     </section>
     
diff --git a/templates/item-competence-creature-sheet.html b/templates/item-competence-creature-sheet.html
index 7f469e42..7b4224a1 100644
--- a/templates/item-competence-creature-sheet.html
+++ b/templates/item-competence-creature-sheet.html
@@ -24,11 +24,11 @@
         <label for="niveau">Dommages (+dom), si applicable </label>
         <input class="attribute-value" type="text" name="data.dommages" value="{{data.dommages}}" data-dtype="Number"/>
       </div>
-      <header class="header-field">
-          <span>Description : </span>
-      </header>
-      <div class="form-group  editor" style="height:200px">
-        {{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
+      <div class="flexcol">
+        <span><label>Description : </label></span>
+        <div class="form-group editor">
+          {{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
+        </div>
       </div>
     </section>
     
diff --git a/templates/item-competence-sheet.html b/templates/item-competence-sheet.html
index da9e8389..34afd78c 100644
--- a/templates/item-competence-sheet.html
+++ b/templates/item-competence-sheet.html
@@ -40,11 +40,11 @@
           {{/select}}
         </select>        
       </div>
-      <header class="header-field">
-          <span>Description : </span>
-      </header>
-      <div class="form-group  editor" style="height:200px">
-        {{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
+      <div class="flexcol">
+        <span><label>Description : </label></span>
+        <div class="form-group editor">
+          {{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
+        </div>
       </div>
     </section>
     
diff --git a/templates/item-competencecreature-sheet.html b/templates/item-competencecreature-sheet.html
index 7f469e42..83e93932 100644
--- a/templates/item-competencecreature-sheet.html
+++ b/templates/item-competencecreature-sheet.html
@@ -24,12 +24,10 @@
         <label for="niveau">Dommages (+dom), si applicable </label>
         <input class="attribute-value" type="text" name="data.dommages" value="{{data.dommages}}" data-dtype="Number"/>
       </div>
-      <header class="header-field">
-          <span>Description : </span>
-      </header>
-      <div class="form-group  editor" style="height:200px">
+      <span><label>Description : </label></span>
+      <div class="form-group editor" style="min-height: 400px !important;">
         {{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
       </div>
-    </section>
+     </section>
     
 </form>
diff --git a/templates/item-conteneur-sheet.html b/templates/item-conteneur-sheet.html
index 2017a444..6f291219 100644
--- a/templates/item-conteneur-sheet.html
+++ b/templates/item-conteneur-sheet.html
@@ -24,11 +24,11 @@
         <label for="xp">Prix (sols) </label>
         <input class="attribute-value" type="text" name="data.cout" value="{{data.cout}}" data-dtype="Number"/>
       </div>
-      <header class="header-field">
-          <span>Description : </span>
-      </header>
-      <div class="form-group  editor" style="height:200px">
-        {{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
+      <div class="flexcol">
+        <span><label>Description : </label></span>
+        <div class="form-group editor">
+          {{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
+        </div>
       </div>
     </section>
     
diff --git a/templates/item-herbe-sheet.html b/templates/item-herbe-sheet.html
index c4863651..09264fcd 100644
--- a/templates/item-herbe-sheet.html
+++ b/templates/item-herbe-sheet.html
@@ -20,11 +20,11 @@
         <label for="xp">Prix (sols) </label>
         <input class="attribute-value" type="text" name="data.cout" value="{{data.cout}}" data-dtype="Number"/>
       </div>
-      <header class="header-field">
-          <span>Description : </span>
-      </header>
-      <div class="form-group  editor" style="height:200px">
-        {{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
+      <div class="flexcol">
+        <span><label>Description : </label></span>
+        <div class="form-group editor">
+          {{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
+        </div>
       </div>
     </section>
     
diff --git a/templates/item-ingredient-sheet.html b/templates/item-ingredient-sheet.html
index 61b98f9d..c2d111f8 100644
--- a/templates/item-ingredient-sheet.html
+++ b/templates/item-ingredient-sheet.html
@@ -24,11 +24,11 @@
         <label for="xp">Prix (sols) </label>
         <input class="attribute-value" type="text" name="data.cout" value="{{data.cout}}" data-dtype="Number"/>
       </div>
-      <header class="header-field">
-          <span>Description : </span>
-      </header>
-      <div class="form-group  editor" style="height:200px">
-        {{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
+      <div class="flexcol">
+        <span><label>Description : </label></span>
+        <div class="form-group editor">
+          {{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
+        </div>
       </div>
     </section>
     
diff --git a/templates/item-livre-sheet.html b/templates/item-livre-sheet.html
index 8690dd5b..0f67d14b 100644
--- a/templates/item-livre-sheet.html
+++ b/templates/item-livre-sheet.html
@@ -36,11 +36,11 @@
         <label for="xp">Prix (sols) </label>
         <input class="attribute-value" type="text" name="data.cout" value="{{data.cout}}" data-dtype="Number"/>
       </div>
-      <header class="header-field">
-          <span>Description : </span>
-      </header>
-      <div class="form-group  editor" style="height:200px">
-        {{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
+      <div class="flexcol">
+        <span><label>Description : </label></span>
+        <div class="form-group editor">
+          {{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
+        </div>
       </div>
     </section>
     
diff --git a/templates/item-munition-sheet.html b/templates/item-munition-sheet.html
index e5839d14..b59b646f 100644
--- a/templates/item-munition-sheet.html
+++ b/templates/item-munition-sheet.html
@@ -20,11 +20,11 @@
         <label for="xp">Prix (sols) </label>
         <input class="attribute-value" type="text" name="data.cout" value="{{data.cout}}" data-dtype="Number"/>
       </div>
-      <header class="header-field">
-          <span>Description : </span>
-      </header>
-      <div class="form-group  editor" style="height:200px">
-        {{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
+      <div class="flexcol">
+        <span><label>Description : </label></span>
+        <div class="form-group editor">
+          {{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
+        </div>
       </div>
     </section>
     
diff --git a/templates/item-objet-sheet.html b/templates/item-objet-sheet.html
index a1899448..bb4e47b0 100644
--- a/templates/item-objet-sheet.html
+++ b/templates/item-objet-sheet.html
@@ -8,31 +8,28 @@
     
     {{!-- Sheet Body --}}
     <section class="sheet-body">
+      <div class="form-group">
+        <label for="xp">Encombrement </label>
+        <input class="attribute-value" type="text" name="data.encombrement" value="{{data.encombrement}}" data-dtype="Number"/>
+      </div>
+      <div class="form-group">
+        <label for="xp">Résistance</label>
+        <input class="attribute-value" type="text" name="data.resistance" value="{{data.resistance}}" data-dtype="Number"/>
+      </div>
+      <div class="form-group">
+        <label for="xp">Qualité</label>
+        <input class="attribute-value" type="text" name="data.qualite" value="{{data.qualite}}" data-dtype="Number"/>
+      </div>
+      <div class="form-group">
+        <label for="xp">Prix (sols) </label>
+        <input class="attribute-value" type="text" name="data.cout" value="{{data.cout}}" data-dtype="Number"/>
+      </div>
       <div class="flexcol">
-        <div class="form-group">
-          <label for="xp">Encombrement </label>
-          <input class="attribute-value" type="text" name="data.encombrement" value="{{data.encombrement}}" data-dtype="Number"/>
-        </div>
-        <div class="form-group">
-          <label for="xp">Résistance</label>
-          <input class="attribute-value" type="text" name="data.resistance" value="{{data.resistance}}" data-dtype="Number"/>
-        </div>
-        <div class="form-group">
-          <label for="xp">Qualité</label>
-          <input class="attribute-value" type="text" name="data.qualite" value="{{data.qualite}}" data-dtype="Number"/>
-        </div>
-        <div class="form-group">
-          <label for="xp">Prix (sols) </label>
-          <input class="attribute-value" type="text" name="data.cout" value="{{data.cout}}" data-dtype="Number"/>
-        </div>
-        <header class="header-field">
-          <span>Description : </span>
-        </header>
+        <span><label>Description : </label></span>
         <div class="form-group editor">
-            {{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
+          {{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
         </div>
-        <div>&nbsp;</div>
-      </section>    
-    </div>
+      </div>
+     </section>
     
 </form>
diff --git a/templates/item-ombre-sheet.html b/templates/item-ombre-sheet.html
index a7dbdff0..216e1638 100644
--- a/templates/item-ombre-sheet.html
+++ b/templates/item-ombre-sheet.html
@@ -12,10 +12,8 @@
         <label for="xp">Refoulement</label>
         <input class="attribute-value" type="text" name="data.refoulement" value="{{data.refoulement}}" data-dtype="Number"/>
       </div>
-      <header class="header-field">
-          <span>Description : </span>
-      </header>
-      <div class="form-group  editor" style="height:200px">
+      <span><label>Description : </label></span>
+      <div class="form-group editor" style="min-height: 400px !important;">
         {{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
       </div>
     </section>
diff --git a/templates/item-potion-sheet.html b/templates/item-potion-sheet.html
index e061946e..f7f04670 100644
--- a/templates/item-potion-sheet.html
+++ b/templates/item-potion-sheet.html
@@ -16,11 +16,11 @@
         <label for="xp">Prix (sols) </label>
         <input class="attribute-value" type="text" name="data.cout" value="{{data.cout}}" data-dtype="Number"/>
       </div>      
-      <header class="header-field">
-          <span>Description : </span>
-      </header>
-      <div class="form-group  editor" style="height:200px">
-        {{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
+      <div class="flexcol">
+        <span><label>Description : </label></span>
+        <div class="form-group editor">
+          {{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
+        </div>
       </div>
     </section>
     
diff --git a/templates/item-queue-sheet.html b/templates/item-queue-sheet.html
index a7dbdff0..4ffbc24c 100644
--- a/templates/item-queue-sheet.html
+++ b/templates/item-queue-sheet.html
@@ -12,11 +12,11 @@
         <label for="xp">Refoulement</label>
         <input class="attribute-value" type="text" name="data.refoulement" value="{{data.refoulement}}" data-dtype="Number"/>
       </div>
-      <header class="header-field">
-          <span>Description : </span>
-      </header>
-      <div class="form-group  editor" style="height:200px">
-        {{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
+      <div class="flexcol">
+        <span><label>Description : </label></span>
+        <div class="form-group editor">
+          {{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
+        </div>
       </div>
     </section>
     
diff --git a/templates/item-rencontresTMR-sheet.html b/templates/item-rencontresTMR-sheet.html
index 6cd23ad2..3f153150 100644
--- a/templates/item-rencontresTMR-sheet.html
+++ b/templates/item-rencontresTMR-sheet.html
@@ -8,11 +8,11 @@
     
     {{!-- Sheet Body --}}
     <section class="sheet-body">
-      <header class="header-field">
-          <span>Description : </span>
-      </header>
-      <div class="form-group  editor" style="height:200px">
-        {{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
+      <div class="flexcol">
+        <span><label>Description : </label></span>
+        <div class="form-group editor">
+          {{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
+        </div>
       </div>
     </section>
     
diff --git a/templates/item-sort-sheet.html b/templates/item-sort-sheet.html
index b1995242..8d9d9148 100644
--- a/templates/item-sort-sheet.html
+++ b/templates/item-sort-sheet.html
@@ -52,11 +52,11 @@
         <label for="xp">Jet de Resistance</label>
         <input class="attribute-value" type="text" name="data.JR" value="{{data.JR}}" data-dtype="String"/>
       </div>
-      <header class="header-field">
-          <span>Description : </span>
-      </header>
-      <div class="form-group  editor" style="height:200px">
-        {{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
+      <div class="flexcol">
+        <span><label>Description : </label></span>
+        <div class="form-group editor">
+          {{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
+        </div>
       </div>
     </section>
     
diff --git a/templates/item-souffle-sheet.html b/templates/item-souffle-sheet.html
index 6cd23ad2..3f153150 100644
--- a/templates/item-souffle-sheet.html
+++ b/templates/item-souffle-sheet.html
@@ -8,11 +8,11 @@
     
     {{!-- Sheet Body --}}
     <section class="sheet-body">
-      <header class="header-field">
-          <span>Description : </span>
-      </header>
-      <div class="form-group  editor" style="height:200px">
-        {{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
+      <div class="flexcol">
+        <span><label>Description : </label></span>
+        <div class="form-group editor">
+          {{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
+        </div>
       </div>
     </section>
     
diff --git a/templates/item-tache-sheet.html b/templates/item-tache-sheet.html
index 41247a05..2231c8c5 100644
--- a/templates/item-tache-sheet.html
+++ b/templates/item-tache-sheet.html
@@ -24,12 +24,10 @@
         <label for="xp">Points de tâches obtenus<</label>
         <input class="attribute-value" type="text" name="data.points_de_tache_courant" value="{{data.points_de_tache_courant}}" data-dtype="Number"/>
       </div>
-      <header class="header-field">
-          <span>Description : </span>
-      </header>
-      <div class="form-group  editor" style="height:200px">
+      <span><label>Description : </label></span>
+      <div class="form-group editor" style="min-height: 400px !important;">
         {{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
       </div>
-    </section>
+     </section>
     
 </form>
diff --git a/templates/item-tete-sheet.html b/templates/item-tete-sheet.html
index 6cd23ad2..3f153150 100644
--- a/templates/item-tete-sheet.html
+++ b/templates/item-tete-sheet.html
@@ -8,11 +8,11 @@
     
     {{!-- Sheet Body --}}
     <section class="sheet-body">
-      <header class="header-field">
-          <span>Description : </span>
-      </header>
-      <div class="form-group  editor" style="height:200px">
-        {{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
+      <div class="flexcol">
+        <span><label>Description : </label></span>
+        <div class="form-group editor">
+          {{editor content=data.description target="data.description" button=true owner=owner editable=editable}}
+        </div>
       </div>
     </section>