From 07adc52ceef2462261d3a08013137496f7e2280e Mon Sep 17 00:00:00 2001
From: WBHarry <williambjrklund@gmail.com>
Date: Sun, 9 Nov 2025 02:06:04 +0100
Subject: [PATCH] Fixed it the better way

---
 styles/less/sheets/actors/adversary/sidebar.less |  8 --------
 styles/less/sheets/actors/character/sidebar.less | 12 ------------
 styles/less/sheets/actors/companion/header.less  |  8 --------
 .../less/sheets/actors/environment/header.less   |  4 ----
 templates/sheets/actors/adversary/sidebar.hbs    | 16 ++++++++--------
 templates/sheets/actors/character/sidebar.hbs    | 16 ++++++++--------
 templates/sheets/actors/companion/header.hbs     |  6 +++---
 7 files changed, 19 insertions(+), 51 deletions(-)

diff --git a/styles/less/sheets/actors/adversary/sidebar.less b/styles/less/sheets/actors/adversary/sidebar.less
index 3c7f18c5..ab15fa46 100644
--- a/styles/less/sheets/actors/adversary/sidebar.less
+++ b/styles/less/sheets/actors/adversary/sidebar.less
@@ -149,10 +149,6 @@
                         z-index: 2;
                         color: @beige;
 
-                        p {
-                            margin: 0;
-                        }
-
                         input[type='number'] {
                             background: transparent;
                             font-size: 1.5rem;
@@ -247,10 +243,6 @@
                             width: 80px;
                             height: 30px;
                         }
-
-                        p {
-                            margin: 0;
-                        }
                     }
 
                     .status-label {
diff --git a/styles/less/sheets/actors/character/sidebar.less b/styles/less/sheets/actors/character/sidebar.less
index c5a9ead3..3d244cdd 100644
--- a/styles/less/sheets/actors/character/sidebar.less
+++ b/styles/less/sheets/actors/character/sidebar.less
@@ -167,10 +167,6 @@
                     z-index: 2;
                     color: @beige;
 
-                    p {
-                        margin: 0;
-                    }
-
                     input[type='number'] {
                         background: transparent;
                         font-size: 1.5rem;
@@ -281,10 +277,6 @@
                     border-bottom: none;
                     border-radius: 6px 6px 0 0;
 
-                    p {
-                        margin: 0;
-                    }
-
                     input[type='number'] {
                         background: transparent;
                         font-size: 1.2rem;
@@ -370,10 +362,6 @@
                     background: light-dark(transparent, @dark-blue);
                     z-index: 2;
 
-                    p {
-                        margin: 0;
-                    }
-
                     input[type='number'] {
                         background: transparent;
                         font-size: 1.2rem;
diff --git a/styles/less/sheets/actors/companion/header.less b/styles/less/sheets/actors/companion/header.less
index 26d0d742..b85a1819 100644
--- a/styles/less/sheets/actors/companion/header.less
+++ b/styles/less/sheets/actors/companion/header.less
@@ -66,10 +66,6 @@
                         width: 80px;
                         height: 30px;
                     }
-
-                    p {
-                        margin: 0;
-                    }
                 }
 
                 .status-label {
@@ -123,10 +119,6 @@
                     z-index: 2;
                     color: @beige;
 
-                    p {
-                        margin: 0;
-                    }
-
                     input[type='number'] {
                         background: transparent;
                         font-size: 1.5rem;
diff --git a/styles/less/sheets/actors/environment/header.less b/styles/less/sheets/actors/environment/header.less
index 345adc14..670f6c92 100644
--- a/styles/less/sheets/actors/environment/header.less
+++ b/styles/less/sheets/actors/environment/header.less
@@ -88,10 +88,6 @@
                         width: 80px;
                         height: 30px;
                     }
-
-                    p {
-                        margin: 0;
-                    }
                 }
 
                 .status-label {
diff --git a/templates/sheets/actors/adversary/sidebar.hbs b/templates/sheets/actors/adversary/sidebar.hbs
index fbfa62a3..0909c969 100644
--- a/templates/sheets/actors/adversary/sidebar.hbs
+++ b/templates/sheets/actors/adversary/sidebar.hbs
@@ -8,10 +8,10 @@
         <div class="resources-section">
             <div class="status-bar">
                 <div class='status-value'>
-                    <p><input class="bar-input" name="system.resources.hitPoints.value" min="0" max='{{source.system.resources.hitPoints.max}}'
-                            value="{{source.system.resources.hitPoints.value}}" type="number"></p>
-                    <p>/</p>
-                    <p class="bar-label">{{source.system.resources.hitPoints.max}}</p>
+                    <input class="bar-input" name="system.resources.hitPoints.value" min="0" max='{{source.system.resources.hitPoints.max}}'
+                            value="{{source.system.resources.hitPoints.value}}" type="number">
+                    <span>/</span>
+                    <span class="bar-label">{{source.system.resources.hitPoints.max}}</span>
                 </div>
                 <progress class='progress-bar' value='{{source.system.resources.hitPoints.value}}'
                     max='{{source.system.resources.hitPoints.max}}'></progress>
@@ -22,10 +22,10 @@
             </div>
             <div class="status-bar">
                 <div class='status-value'>
-                    <p><input class="bar-input" name="system.resources.stress.value" min="0" max='{{source.system.resources.stress.max}}'
-                            value="{{source.system.resources.stress.value}}" type="number"></p>
-                    <p>/</p>
-                    <p class="bar-label">{{source.system.resources.stress.max}}</p>
+                    <input class="bar-input" name="system.resources.stress.value" min="0" max='{{source.system.resources.stress.max}}'
+                            value="{{source.system.resources.stress.value}}" type="number">
+                    <span>/</span>
+                    <span class="bar-label">{{source.system.resources.stress.max}}</span>
                 </div>
                 <progress class='progress-bar stress-color' value='{{source.system.resources.stress.value}}'
                     max='{{source.system.resources.stress.max}}'></progress>
diff --git a/templates/sheets/actors/character/sidebar.hbs b/templates/sheets/actors/character/sidebar.hbs
index 77f323de..9ad2f0d3 100644
--- a/templates/sheets/actors/character/sidebar.hbs
+++ b/templates/sheets/actors/character/sidebar.hbs
@@ -19,10 +19,10 @@
         <div class="resources-section">
             <div class="status-bar">
                 <div class='status-value'>
-                    <p><input class="bar-input" name="system.resources.hitPoints.value" min="0" max='{{document.system.resources.hitPoints.max}}'
-                            value="{{document.system.resources.hitPoints.value}}" type="number"></p>
-                    <p>/</p>
-                    <p class="bar-label">{{document.system.resources.hitPoints.max}}</p>
+                    <input class="bar-input" name="system.resources.hitPoints.value" min="0" max='{{document.system.resources.hitPoints.max}}'
+                            value="{{document.system.resources.hitPoints.value}}" type="number">
+                    <span>/</span>
+                    <span class="bar-label">{{document.system.resources.hitPoints.max}}</span>
                 </div>
                 <progress
                     class='progress-bar'
@@ -36,10 +36,10 @@
             </div>
             <div class="status-bar">
                 <div class='status-value'>
-                    <p><input class="bar-input" name="system.resources.stress.value" min="0" max='{{document.system.resources.stress.max}}'
-                            value="{{document.system.resources.stress.value}}" type="number"></p>
-                    <p>/</p>
-                    <p class="bar-label">{{document.system.resources.stress.max}}</p>
+                    <input class="bar-input" name="system.resources.stress.value" min="0" max='{{document.system.resources.stress.max}}'
+                            value="{{document.system.resources.stress.value}}" type="number">
+                    <span>/</span>
+                    <span class="bar-label">{{document.system.resources.stress.max}}</span>
                 </div>
                 <progress
                     class='progress-bar stress-color'
diff --git a/templates/sheets/actors/companion/header.hbs b/templates/sheets/actors/companion/header.hbs
index e62a09c2..a6127282 100644
--- a/templates/sheets/actors/companion/header.hbs
+++ b/templates/sheets/actors/companion/header.hbs
@@ -19,9 +19,9 @@
         </div>
         <div class="status-bar">
             <div class='status-value'>
-                <p><input class="bar-input" name="system.resources.stress.value" value="{{document.system.resources.stress.value}}" min="0" max='{{document.system.resources.stress.max}}' type="number"></p>
-                <p>/</p>
-                <p class="bar-label">{{document.system.resources.stress.max}}</p>
+                <input class="bar-input" name="system.resources.stress.value" value="{{document.system.resources.stress.value}}" min="0" max='{{document.system.resources.stress.max}}' type="number">
+                <span>/</span>
+                <span class="bar-label">{{document.system.resources.stress.max}}</span>
             </div>
             <progress
                 class='progress-bar stress-color'