From c8fcd9e58741b7841ebbd41e620aa553a5aa7d39 Mon Sep 17 00:00:00 2001
From: The Last Scrub <neime1777@gmail.com>
Date: Sat, 28 Nov 2020 19:30:39 -0800
Subject: [PATCH] improved gear sheet css

---
 css/deltagreen.css                           |  8 ++++--
 templates/actor/actor-sheet.html             | 29 ++++++++++----------
 templates/dialog/modify-percentile-roll.html |  2 +-
 3 files changed, 20 insertions(+), 19 deletions(-)

diff --git a/css/deltagreen.css b/css/deltagreen.css
index d95ed97..4fd4504 100644
--- a/css/deltagreen.css
+++ b/css/deltagreen.css
@@ -232,7 +232,6 @@ div.motivation-editor-container div.editor{
 
 .deltagreen .tabs {
   height: 40px;
-  
   text-align: center;
   vertical-align: middle;
 }
@@ -250,7 +249,7 @@ div.motivation-editor-container div.editor{
 
 .deltagreen .items-list {
   list-style: none;
-  margin: 7px 0;
+  /*margin: 7px 0; */
   padding: 0;
   overflow-y: auto;
 }
@@ -263,7 +262,6 @@ div.motivation-editor-container div.editor{
 }
 
 .deltagreen .items-list .item {
-  /* height: 30px; */
   min-height: 30px;
   line-height: 24px;
   padding: 3px 0;
@@ -450,6 +448,10 @@ div span.bio-grid-label{
   column-gap: 4%;
 }
 
+.centered-item-property{
+  text-align: center;
+}
+
 .bolded-label{
   font-weight: bold;
 }
diff --git a/templates/actor/actor-sheet.html b/templates/actor/actor-sheet.html
index 22297f1..ed81941 100644
--- a/templates/actor/actor-sheet.html
+++ b/templates/actor/actor-sheet.html
@@ -242,10 +242,9 @@
               
               <li class="item flexrow item-header">
                 <div class="item-image"></div>
-                <div class="item-name"><span>{{localize 'DG.Gear.Name'}}</span></div>
-                <!-- <div class="item-name">Skill</div> -->
-                <div class="item-name">{{localize 'DG.Gear.DamageOrLethality'}}</div>
-                <div class="item-name">{{localize 'DG.Gear.ArmorPiercing'}}</div>
+                <span class="">{{localize 'DG.Gear.Name'}}</span>
+                <span class="centered-item-property">{{localize 'DG.Gear.DamageOrLethality'}}</span>
+                <span class="centered-item-property">{{localize 'DG.Gear.ArmorPiercing'}}</span>
                 <div class="item-controls">
                   <a class="item-control item-create" title="Create item" data-type="weapon"><i class="fas fa-plus"></i> {{localize 'DG.Generic.AddButtonLabel'}}</a>
                 </div>
@@ -270,18 +269,17 @@
                     </h4>
 
                     {{#unless item.data.isLethal}}
-                    <span class="rollable" data-rolltype="damage" data-target="damage" data-label="{{toUpperCase item.name}}" data-roll="{{toUpperCase item.data.damage}}">
-                      {{toUpperCase item.data.damage}}
-                      </span>
+                    <span class="rollable centered-item-property" data-rolltype="damage" data-target="damage" data-label="{{toUpperCase item.name}}" data-roll="{{toUpperCase item.data.damage}}">
+                      {{toUpperCase item.data.damage}}</span>
                     {{/unless}}
 
                     {{#if item.data.isLethal}}
-                    <span class="rollable" data-rolltype="lethality" data-target="{{item.data.lethality}}" data-label="{{item.name}}" data-roll="d100"
-                      title="A lethal weapon has a chance to instantly kill a target.  Roll a D100 instead of damage die.  If it is not lethal, damage is dealt instead as if the result was a 2d10 roll, with a '00' on the first d10 equaling a 10."
+                    <span class="rollable  centered-item-property" data-rolltype="lethality" data-target="{{item.data.lethality}}" data-label="{{item.name}}" data-roll="d100"
+                      title="{{localize 'DG.ItemWindow.Weapons.LethalityTooltip'}}"
                       >{{formatLethality item.data.lethality}}</span>
                     {{/if}}
 
-                    <span >{{item.data.armorPiercing}}</span>
+                    <span class="centered-item-property">{{item.data.armorPiercing}}</span>
 
                     <div class="item-controls">
                         <a class="item-control item-edit" title="Edit Item"><i class="fas fa-edit"></i></a>
@@ -304,7 +302,7 @@
               <li class="item flexrow item-header">
                 <div class="item-image"></div>
                 <div class="item-name">{{localize 'DG.Gear.Name'}}</div>
-                <div class="item-name">{{localize 'DG.Gear.ArmorRating'}}</div>
+                <span class="centered-item-property">{{localize 'DG.Gear.ArmorRating'}}</span>
                 <div class="item-name"></div> <!-- This is for whether it's equipped or not, probably doesn't need a label. -->
                 <div class="item-controls">
                   <a class="item-control item-create" title="Create item" data-type="armor"><i class="fas fa-plus"></i> {{localize 'DG.Generic.AddButtonLabel'}}</a>
@@ -317,9 +315,9 @@
                   <li class="item flexrow" data-item-id="{{item._id}}">
                     <div class="item-image"><img src="{{item.img}}" title="{{item.name}}" width="24" height="24"/></div>
                     <h4 style="word-wrap: break-word;" class="item-name">{{item.name}}</h4>
-                    <span>{{item.data.protection}}</span>
+                    <span class="centered-item-property">{{item.data.protection}}</span>
                     
-                    <span>
+                    <span class="centered-item-property">
                     {{#if item.data.equipped}}
                       {{localize 'DG.Gear.Equipped'}}
                     {{/if}}
@@ -359,9 +357,10 @@
                   <li class="item flexrow" data-item-id="{{item._id}}">
                     <div class="item-image"><img src="{{item.img}}" title="{{item.name}}" width="24" height="24"/></div>
                     <h4 style="word-wrap: break-word;" class="item-name">{{item.name}}</h4>
-                    <span></span>
                     
-                    <span>
+                    <span></span> <!-- This is just here to get things to align nicely with the other sections-->
+                    
+                    <span class="centered-item-property">
                     {{#if item.data.equipped}}
                       {{localize 'DG.Gear.Equipped'}}
                     {{/if}}
diff --git a/templates/dialog/modify-percentile-roll.html b/templates/dialog/modify-percentile-roll.html
index e1304bc..fc65128 100644
--- a/templates/dialog/modify-percentile-roll.html
+++ b/templates/dialog/modify-percentile-roll.html
@@ -7,6 +7,6 @@
         <input class="numeric-label-field" disabled value="{{data.originalTarget}}" />
 
         <span>{{localize 'DG.ModifySkillRollDialogue.TargetModifier'}}</span>
-        <input class="numeric-label-field" type="number" name="targetModifier" value="{{data.targetModifier}}" />
+        <input class="numeric-label-field" type="number" name="targetModifier" value="{{data.targetModifier}}" title="{{localize 'DG.ModifySkillRollDialogue.ModifierTooltip'}}" />
     </div>
 </form>
\ No newline at end of file