début item sheet

templates/item/item-defense-sheet.html

@@ -58,12 +58,8 @@
         />
       </div>
     </div>
-    <main
+    <h2>description</h2>
-      class="editor-wrapper"
+    {{editor system.description target="system.description" rollData=rollData button=true owner=owner editable=editable}}
-      style="flex:10"
-    >
-      {{editor system.description target="system.description" rollData=rollData button=true owner=owner editable=editable}}
-    </main>
     </div>
   </section>
 </form>

templates/item/item-item-sheet.html

@@ -1,43 +1,71 @@
-<form class="{{cssClass}}" autocomplete="off">
+<form
+  class="{{cssClass}}"
+  autocomplete="off"
+>
   <header class="sheet-header">
-    <img class="profile-img" src="{{item.img}}" data-edit="img" title="{{item.name}}"/>
+    <img
+      class="profile-img"
+      src="{{item.img}}"
+      data-edit="img"
+      title="{{item.name}}"
+    />
     <div class="header-fields">
-      <h1 class="charname"><input name="name" type="text" value="{{item.name}}" placeholder="Name"/></h1>
+      <h1 class="charname"><input
-      <div class="grid grid-2col">
+          name="name"
-        <div class="resource">
+          type="text"
-          <label class="resource-label">Quantity</label>
+          value="{{item.name}}"
-          <input type="text" name="system.quantity" value="{{system.quantity}}" data-dtype="Number"/>
+          placeholder="Name"
-        </div>
+        /></h1>
-        <div class="resource">
+
-          <label class="resource-label">Weight</label>
-          <input type="text" name="system.weight" value="{{system.weight}}" data-dtype="Number"/>
-        </div>
-      </div>
     </div>
   </header>
 
-  {{!-- Sheet Tab Navigation --}}
-  <nav class="sheet-tabs tabs" data-group="primary">
-    <a class="item active" data-tab="description">Description</a>
-  </nav>
 
   {{!-- Sheet Body --}}
-  <section class="sheet-body">
+  <section class="sheet-body ">
-
+    <div class="flexrow">
-    {{!-- Description Tab --}}
+      {{!-- Description Tab --}}
-    <div class="tab" data-group="primary" data-tab="description">
-      {{editor system.description target="system.description" rollData=rollData button=true owner=owner editable=editable}}
       <div class="resource">
         <label class="resource-label">Rarity</label>
-        <input type="number" name="system.rarity" value="{{system.rarity}}" data-dtype="Number"/>
+        <input
+          type="number"
+          name="system.rarity"
+          value="{{system.rarity}}"
+          data-dtype="Number"
+        />
       </div>
 
       <div class="resource">
         <label class="resource-label">Reliability</label>
-        <input type="number" name="system.reliability" value="{{system.reliability}}" data-dtype="Number"/>
+        <input
+          type="number"
+          name="system.reliability"
+          value="{{system.reliability}}"
+          data-dtype="Number"
+        />
       </div>
 
+      <div class="resource">
+        <label class="resource-label">Quantity</label>
+        <input
+          type="text"
+          name="system.quantity"
+          value="{{system.quantity}}"
+          data-dtype="Number"
+        />
+      </div>
+      <div class="resource">
+        <label class="resource-label">Weight</label>
+        <input
+          type="text"
+          name="system.weight"
+          value="{{system.weight}}"
+          data-dtype="Number"
+        />
+      </div>
     </div>
+    <h2>Description</h2>
+    {{editor system.description target="system.description" rollData=rollData button=true owner=owner editable=editable}}
 
   </section>
 </form>

templates/item/item-vehicle-sheet.html

@@ -1,32 +1,61 @@
-<form class="{{cssClass}}" autocomplete="off">
+<form
+  class="{{cssClass}}"
+  autocomplete="off"
+>
   <header class="sheet-header">
-    <img class="profile-img" src="{{item.img}}" data-edit="img" title="{{item.name}}"/>
+    <img
+      class="profile-img"
+      src="{{item.img}}"
+      data-edit="img"
+      title="{{item.name}}"
+    />
     <div class="header-fields">
-      <h1 class="charname"><input name="name" type="text" value="{{item.name}}" placeholder="Name"/></h1>
+      <h1 class="charname"><input
+          name="name"
+          type="text"
+          value="{{item.name}}"
+          placeholder="Name"
+        /></h1>
     </div>
   </header>
-  <nav class="sheet-tabs tabs" data-group="primary">
+
-    <a class="item active" data-tab="description">{{ localize "VERMINE.stats" }}</a>
-  </nav>
   <section class="sheet-body">
-    <div class="tab flexrow" data-group="primary" data-tab="description">
+    <div
-      <aside style="flex:1">
+      class=" flexcol"
+      data-group="primary"
+      data-tab="description"
+    >
+      <div class="flexrow">
         <div class="resource">
           <label class="resource-label">{{ localize "VERMINE.mobility"}}</label>
-          <input type="number" name="system.mobility" value="{{system.mobility}}" data-dtype="Number"/>
+          <input
+            type="number"
+            name="system.mobility"
+            value="{{system.mobility}}"
+            data-dtype="Number"
+          />
         </div>
         <div class="resource">
           <label class="resource-label">{{ localize "VERMINE.rarity"}}</label>
-          <input type="number" name="system.rarity" value="{{system.rarity}}" data-dtype="Number"/>
+          <input
+            type="number"
+            name="system.rarity"
+            value="{{system.rarity}}"
+            data-dtype="Number"
+          />
         </div>
         <div class="resource">
           <label class="resource-label">{{ localize "VERMINE.reliability"}}</label>
-          <input type="number" name="system.reliability" value="{{system.reliability}}" data-dtype="Number"/>
+          <input
+            type="number"
+            name="system.reliability"
+            value="{{system.reliability}}"
+            data-dtype="Number"
+          />
         </div>
-      </aside>    
+      </div>
-      <main class="editor-wrapper"  style="flex:10">
+      <h2>Description</h2>
-        {{editor system.description target="system.description" rollData=rollData button=true owner=owner editable=editable}}
+      {{editor system.description target="system.description" rollData=rollData button=true owner=owner editable=editable}}
-      </main>
     </div>
   </section>
 </form>

templates/item/item-weapon-sheet.html

@@ -1,41 +1,86 @@
-<form class="{{cssClass}}" autocomplete="off">
+<form
+  class="{{cssClass}}"
+  autocomplete="off"
+>
   <header class="sheet-header">
-    <img class="profile-img" src="{{item.img}}" data-edit="img" title="{{item.name}}"/>
+    <img
+      class="profile-img"
+      src="{{item.img}}"
+      data-edit="img"
+      title="{{item.name}}"
+    />
     <div class="header-fields">
-      <h1 class="charname"><input name="name" type="text" value="{{item.name}}" placeholder="Name"/></h1>
+      <h1 class="charname"><input
+          name="name"
+          type="text"
+          value="{{item.name}}"
+          placeholder="Name"
+        /></h1>
     </div>
   </header>
   <section class="sheet-body">
-    <div class="flexrow" data-group="primary" data-tab="description">
+    <div
-      {{ log system }}
+      class="flexcol"
-      <aside style="flex:1">
+      data-group="primary"
+      data-tab="description"
+    >
+      <div class="flexrow">
         <div class="resource">
           <label class="resource-label">{{ localize "VERMINE.ranges"}}</label>
           <div class="flexrow">
-            <input type="number" name="system.min_range" value="{{system.min_range}}" data-dtype="Number"/> /
+            <input
-            <input type="number" name="system.max_range" value="{{system.max_range}}" data-dtype="Number"/>
+              type="number"
+              name="system.min_range"
+              value="{{system.min_range}}"
+              data-dtype="Number"
+            /> /
+            <input
+              type="number"
+              name="system.max_range"
+              value="{{system.max_range}}"
+              data-dtype="Number"
+            />
           </div>
         </div>
         <div class="resource">
           <label class="resource-label">{{ localize "VERMINE.damages"}}</label>
-          <input type="number" name="system.damage" value="{{system.damage}}" data-dtype="Number"/>
+          <input
+            type="number"
+            name="system.damage"
+            value="{{system.damage}}"
+            data-dtype="Number"
+          />
         </div>
         <div class="resource">
           <label class="resource-label">{{ localize "VERMINE.ammo"}}</label>
-          <input type="number" name="system.ammo" value="{{system.ammo}}" data-dtype="Number"/>
+          <input
+            type="number"
+            name="system.ammo"
+            value="{{system.ammo}}"
+            data-dtype="Number"
+          />
         </div>
         <div class="resource">
           <label class="resource-label">{{ localize "VERMINE.rarity"}}</label>
-          <input type="number" name="system.rarity" value="{{system.rarity}}" data-dtype="Number"/>
+          <input
+            type="number"
+            name="system.rarity"
+            value="{{system.rarity}}"
+            data-dtype="Number"
+          />
         </div>
         <div class="resource">
           <label class="resource-label">{{ localize "VERMINE.reliability"}}</label>
-          <input type="number" name="system.reliability" value="{{system.reliability}}" data-dtype="Number"/>
+          <input
+            type="number"
+            name="system.reliability"
+            value="{{system.reliability}}"
+            data-dtype="Number"
+          />
         </div>
-      </aside>    
+      </div>
-      <main class="editor-wrapper"  style="flex:5">
+      <h2>description</h2>
-        {{editor system.description target="system.description" rollData=rollData button=true owner=owner editable=editable}}
+      {{editor system.description target="system.description" rollData=rollData button=true owner=owner editable=editable}}
-      </main>
     </div>
   </section>
 </form>