design item sheet

templates/item/item-ability-sheet.html

@@ -21,11 +21,9 @@
   </header>
 
   <section class="sheet-body">
-    <div class="flexrow">
+    <h4 class="resource flexrow">
-      <aside style="flex:1">
-        <div class="resource">
       <label class="resource-label">{{ localize "VERMINE.level"}}</label>
-          <input
+      <span class="hexa"><input
           type="number"
           name="system.level.value"
           value="{{system.level.value }}"
@@ -33,31 +31,9 @@
           min="{{system.level.min }}"
           max="{{system.level.max }}"
         />
-        </div>
+      </span>
-        {{#if (eq system.type "group")}}
+
-          <div class="resource row mdb">
+
-            <label class="resource-label">{{ localize "ITEMS.learning"}}</label>
-            <div class=" flexrow row">
-              <input
-                type="number"
-                name="system.learning.threshold"
-                value="{{system.learning.threshold }}"
-                data-dtype="Number"
-                min="3"
-                max="10"
-              /> /
-              <input
-                type="number"
-                name="system.learning.hindrance"
-                value="{{system.learning.hindrance }}"
-                data-dtype="Number"
-                min="0"
-                max="3"
-              />
-            </div>
-          </div>
-        {{/if}}
-        <div class="resource">
       <label class="resource-label">{{ localize "VERMINE.type"}}</label>
       <select
         name="system.type"
@@ -72,7 +48,7 @@
           {{#if (eq system.type "group")}}selected{{/if}}
         >Groupe</option>
         <option
-              value="group"
+          value="creature"
           {{#if (eq system.type "creature")}}selected{{/if}}
         >Créature</option>
         <option
@@ -80,9 +56,7 @@
           {{#if (eq system.type "totem")}}selected{{/if}}
         >Totem</option>
       </select>
-        </div>
+      <label class="resource-label">{{ localize "IDENTITY.totem"}}</label>
-        <div class="resource">
-          <label class="resource-label">{{ localize "VERMINE.totem"}}</label>
       <select
         name="system.totem"
         data-dtype="String"
@@ -95,14 +69,33 @@
           >{{ localize totem }}</option>
         {{/each}}
       </select>
-        </div>
+    </h4>
-      </aside>
+    {{#if (eq system.type "group")}}
-      <main
+      <h4 class="resource flexrow">
-        class="editor-wrapper"
+        <label class="resource-label">{{ localize "ITEMS.learning"}}</label>
-        style="flex:10"
+        <span class=" hexa">
-      >
+          <input
+            type="number"
+            name="system.learning.threshold"
+            value="{{system.learning.threshold }}"
+            data-dtype="Number"
+            min="3"
+            max="10"
+          />
+        </span>/
+        <span class="hexa">
+          <input
+            type="number"
+            name="system.learning.hindrance"
+            value="{{system.learning.hindrance }}"
+            data-dtype="Number"
+            min="0"
+            max="3"
+          />
+        </span>
+      </h4>
+    {{/if}}
+    <h4>description</h4>
     {{editor system.description target="system.description" rollData=rollData button=true owner=owner editable=editable}}
-      </main>
-    </div>
   </section>
 </form>

templates/item/item-background-sheet.html

@@ -20,7 +20,8 @@
   </header>
   {{!-- Sheet Body --}}
   <section class="sheet-body ">
-    <h4 class="resource-label flexrow">{{ localize "ITEMS.cost"}}
+    <h4 class="resource-label flexrow">
+      <label class="resource-label">{{ localize "ITEMS.cost"}}</label>
       <span class="hexa">
         <input
           type="number"

templates/item/item-evolution-sheet.html

@@ -22,31 +22,21 @@
 
 
   <section class="sheet-body">
-    <div
+
-      class=" flexrow "
+    <h4 class="resource flexrow">
-      data-group="primary"
+      <label class="resource-label ">{{ localize "VERMINE.level"}}</label>
-      data-tab="description"
+      <span class="hexa"><input
-    >
-      <aside style="flex:20%;">
-        <div class="resource">
-          <label class="resource-label">{{ localize "VERMINE.level"}}</label>
-          <input
           type="number"
           name="system.level.value"
           value="{{system.level.value }}"
           data-dtype="Number"
           min="{{system.level.min }}"
           max="{{system.level.max }}"
-          />
+        /></span>
-        </div>
+    </h4>
-      </aside>
+    <h4>description</h4>
-      <main
+
-        class="editor-wrapper"
-        style="flex:10"
-      >
     {{editor system.description target="system.description" rollData=rollData button=true owner=owner editable=editable}}
-      </main>
-    </div>
   </section>
 
 </form>