weapon sheet

module/sheets/item-sheet.mjs

@@ -8,7 +8,7 @@ export class VermineItemSheet extends ItemSheet {
   static get defaultOptions() {
     return mergeObject(super.defaultOptions, {
       classes: ["vermine2047", "sheet", "item"],
-      width: 520,
+      width: "fit-content",
       height: "auto",
       tabs: [{ navSelector: ".sheet-tabs", contentSelector: ".sheet-body", initial: "description" }]
     });

scss/base_work.scss

@@ -743,6 +743,10 @@ ul.unstyled li {
 
   ;
 
+  input {
+    width: 1rem
+  }
+
   input[type="radio"] {
     opacity: 0;
 

templates/item/item-weapon-sheet.html

@@ -19,70 +19,66 @@
     </div>
   </header>
   <section class="sheet-body">
-    <div
+
-      class="flexcol"
+    <h4 class="flexrow">
-      data-group="primary"
-      data-tab="description"
-    >
-      <div class="flexrow">
       <div class="resource">
         <label class="resource-label">{{ localize "VERMINE.ranges"}}</label>
-          <div class="flexrow">
+        <div>
+          <span class="hexa">
             <input
               type="number"
               name="system.min_range"
               value="{{system.min_range}}"
               data-dtype="Number"
-            /> /
+            /> </span>/
+          <span class="hexa">
             <input
               type="number"
               name="system.max_range"
               value="{{system.max_range}}"
               data-dtype="Number"
-            />
+            /></span>
         </div>
       </div>
       <div class="resource">
         <label class="resource-label">{{ localize "VERMINE.damages"}}</label>
-          <input
+        <div class="hexa"><input
             type="number"
             name="system.damage"
             value="{{system.damage}}"
             data-dtype="Number"
-          />
+          /></div>
       </div>
       <div class="resource">
         <label class="resource-label">{{ localize "VERMINE.ammo"}}</label>
-          <input
+        <div class="hexa"><input
             type="number"
             name="system.ammo"
             value="{{system.ammo}}"
             data-dtype="Number"
-          />
+          /></div>
       </div>
       <div class="resource">
         <label class="resource-label">{{ localize "VERMINE.rarity"}}</label>
-          <input
+        <div class="hexa"><input
             type="number"
             name="system.rarity"
             value="{{system.rarity}}"
             data-dtype="Number"
-          />
+          /></div>
       </div>
       <div class="resource">
         <label class="resource-label">{{ localize "VERMINE.reliability"}}</label>
-          <input
+        <div class="hexa"><input
             type="number"
             name="system.reliability"
             value="{{system.reliability}}"
             data-dtype="Number"
-          />
+          /></div>
-        </div>
       </div>
+    </h4>
     <h2>description</h2>
     {{editor system.description target="system.description" rollData=rollData button=true owner=owner editable=editable}}
-    </div>
     {{> "systems/vermine2047/templates/item/partials/damages.html"}}
 
-  </section>
 </form>