From 074cdd0dba22cabf702b068b978c54054ad8074e Mon Sep 17 00:00:00 2001
From: Dapoolp <elcatnet@gmail.com>
Date: Fri, 22 Aug 2025 23:32:43 +0200
Subject: [PATCH] Add hint css

---
 styles/less/global/elements.less              | 31 ++++++++++++++++++-
 styles/less/ui/settings/settings.less         |  3 +-
 .../settings/automation-settings/general.hbs  |  2 +-
 3 files changed, 33 insertions(+), 3 deletions(-)

diff --git a/styles/less/global/elements.less b/styles/less/global/elements.less
index 2f4912c5..3440721b 100755
--- a/styles/less/global/elements.less
+++ b/styles/less/global/elements.less
@@ -603,9 +603,12 @@
         display: flex;
         justify-content: space-between;
         align-items: center;
+        gap: .25rem .5rem;
+        flex-wrap: wrap;
 
         label {
-            font-size: 16px;
+            font-size: var(--font-size-14);
+            font-weight: normal;
         }
 
         .form-fields {
@@ -613,6 +616,32 @@
             gap: 4px;
             align-items: center;
         }
+
+        .hint {
+            flex: 0 0 100%;
+            margin: 0;
+            color: var(--color-form-hint);
+        }
+
+        &:hover {
+            .hint {
+                color: var(--color-form-hint-hover);
+            }
+        }
+
+        &.setting-two-values {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: .25rem .5rem;
+
+            .form-group {
+                justify-content: end;
+            }
+
+            .hint {
+                grid-column: 1 / -1;
+            }
+        }
     }
 }
 
diff --git a/styles/less/ui/settings/settings.less b/styles/less/ui/settings/settings.less
index 8062ff73..8fa965d9 100644
--- a/styles/less/ui/settings/settings.less
+++ b/styles/less/ui/settings/settings.less
@@ -4,7 +4,7 @@
     fieldset {
         display: flex;
         flex-direction: column;
-        gap: 4px;
+        gap: .5rem;
 
         &.two-columns {
             display: grid;
@@ -26,6 +26,7 @@
         display: flex;
         align-items: center;
         gap: 8px;
+        flex-wrap: nowrap;
     }
 
     .settings-items {
diff --git a/templates/settings/automation-settings/general.hbs b/templates/settings/automation-settings/general.hbs
index 04d08a9f..211ee68e 100644
--- a/templates/settings/automation-settings/general.hbs
+++ b/templates/settings/automation-settings/general.hbs
@@ -3,7 +3,7 @@
     data-tab="{{tabs.general.id}}"
     data-group="{{tabs.general.group}}"
 >
-    <div class="form-group">
+    <div class="form-group setting-two-values">
         <label>{{localize "DAGGERHEART.SETTINGS.Automation.FIELDS.hopeFear.label"}}</label>
         {{formGroup settingFields.schema.fields.hopeFear.fields.gm value=settingFields._source.hopeFear.gm localize=true}}
         {{formGroup settingFields.schema.fields.hopeFear.fields.players value=settingFields._source.hopeFear.players localize=true}}