From 0bcff99ef7571fc47cc81e2bc702cca57c7ccc93 Mon Sep 17 00:00:00 2001
From: Dapoulp <74197441+Dapoulp@users.noreply.github.com>
Date: Sun, 3 Aug 2025 22:08:13 +0200
Subject: [PATCH] Fix css cost (#554)

* Fix css cost

* comment
---
 styles/less/global/elements.less              | 6 +++++-
 templates/dialogs/dice-roll/costSelection.hbs | 7 ++-----
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/styles/less/global/elements.less b/styles/less/global/elements.less
index e96de581..4b638748 100755
--- a/styles/less/global/elements.less
+++ b/styles/less/global/elements.less
@@ -383,13 +383,17 @@
         .scalable-input {
             display: grid;
             grid-template-columns: 1fr 1fr auto;
-            // display: flex;
             align-items: center;
             justify-content: space-between;
             gap: 10px;
 
             .form-group {
                 width: fit-content;
+
+                &.span-2 {
+                    grid-column: 1 / span 2;
+                }
+
                 .nest-inputs {
                     width: fit-content;
                 }
diff --git a/templates/dialogs/dice-roll/costSelection.hbs b/templates/dialogs/dice-roll/costSelection.hbs
index 48c21174..11b9ea49 100644
--- a/templates/dialogs/dice-roll/costSelection.hbs
+++ b/templates/dialogs/dice-roll/costSelection.hbs
@@ -3,19 +3,18 @@
     <ul>
         {{#if uses}}
             <li class="scalable-input">
-                <div class="form-group">
+                <div class="form-group span-2">
                     <div class="form-fields nest-inputs">
                         <input name="uses.enabled" type="checkbox"{{#if uses.enabled}} checked{{/if}}>
                         <label for="uses.enabled">Uses{{#if uses.consumeOnSuccess}}<span class="hint">{{localize "DAGGERHEART.ACTIONS.Settings.consumeOnSuccess.short"}}{{/if}}</span></label>
                     </div>
                 </div>
-                <div></div>
                 <label class="modifier-label">{{uses.value}}/{{formulaValue uses.max @root.rollConfig.data}}</label>
             </li>
         {{/if}}
         {{#each costs as | cost index |}}
         <li class="scalable-input">
-            <div class="form-group">
+            <div class="form-group{{#unless (and scalable (gt maxStep 1))}} span-2{{/unless}}">
                 <div class="form-fields nest-inputs">
                     <input name="costs.{{index}}.enabled" type="checkbox"{{#if enabled}} checked{{/if}}>
                     <label>{{label}}{{#if cost.consumeOnSuccess}}<span class="hint">{{localize "DAGGERHEART.ACTIONS.Settings.consumeOnSuccess.short"}}</span>{{/if}}</label>
@@ -23,8 +22,6 @@
             </div>
             {{#if (and scalable (gt maxStep 1))}}
                 <input type="range" value="{{scale}}" min="0" max="{{maxStep}}" step="1" name="costs.{{index}}.scale" data-tooltip="{{localize "DAGGERHEART.ACTIONS.Settings.cost.stepTooltip" step=step}}" data-tooltip-direction="UP">
-            {{else}}
-                <div></div>
             {{/if}}
             <label class="modifier-label">{{total}}/{{max}}</label>
         </li>