From ef4539ee39f21555e21a8c9aa1f3bccf2d99bcf4 Mon Sep 17 00:00:00 2001
From: Sven Balzer <4653051+Kyuusokuna@users.noreply.github.com>
Date: Fri, 20 Dec 2024 17:44:33 +0100
Subject: [PATCH] change Eigenschaften to be in a list instead of a fieldset

---
 src/ActorSheet.hbs | 31 ++++++++++++-------------------
 src/main.css       | 11 ++++++++---
 2 files changed, 20 insertions(+), 22 deletions(-)

diff --git a/src/ActorSheet.hbs b/src/ActorSheet.hbs
index 7f083fd..c111be3 100644
--- a/src/ActorSheet.hbs
+++ b/src/ActorSheet.hbs
@@ -63,30 +63,23 @@
     </nav>
 
     <div class="tab {{#if (eq tabGroups.primary 'tab1')}}active{{/if}}" data-group="primary" data-tab="tab1">
-        <fieldset>
-            <legend>{{localize "DSA41.attributes.label"}}</legend>
-            <div class="Eigenschaften">
+        <div class="list Eigenschaften">
+            <div class="list-header">
                 <span></span>
-                {{#each actor.system.attributes}}
-                        <span class="center">{{localize (concat "DSA41.attributes.short." @key)}}</span>
-                {{/each}}
-
                 <span>{{localize "DSA41.attributes.initial"}}</span>
-                {{#each actor.system.attributes}}
-                    {{>editable-input type="number" name=(concat "system.attributes." @key ".initial") value=(lookup this "initial")}}
-                {{/each}}
-
                 <span>{{localize "DSA41.attributes.advancement"}}</span>
-                {{#each actor.system.attributes}}
-                    {{>editable-input type="number" name=(concat "system.attributes." @key ".advancement") value=(lookup this "advancement")}}
-                {{/each}}
-
                 <span>{{localize "DSA41.attributes.modifier"}}</span>
-                {{#each actor.system.attributes}}
-                    <span>{{>editable-input type="number" name=(concat "system.attributes." @key ".modifier") value=(lookup this "modifier")}}</span>
-                {{/each}}
             </div>
-        </fieldset>
+
+            {{#each actor.system.attributes}}
+                <div class="list-item">
+                    <span>{{localize (concat "DSA41.attributes.long." @key)}}</span>
+                    {{>editable-input type="number" name=(concat "system.attributes." @key ".initial")     value=(lookup this "initial")}}
+                    {{>editable-input type="number" name=(concat "system.attributes." @key ".advancement") value=(lookup this "advancement")}}
+                    {{>editable-input type="number" name=(concat "system.attributes." @key ".modifier")    value=(lookup this "modifier")}}
+                </div>
+            {{/each}}
+        </div>
 
         <div class="list Basiswerte">
             <div class="list-header">
diff --git a/src/main.css b/src/main.css
index 9416b1c..bf4258c 100644
--- a/src/main.css
+++ b/src/main.css
@@ -284,7 +284,7 @@ html {
 
         padding: 0.5rem;
         border-radius: 5px 5px 0px 0px;
-        background: linear-gradient(90deg, rgb(36, 133, 44) 0%, rgb(0, 79, 7) 40%, rgb(0, 51, 5) 100%);
+        background: linear-gradient(90deg, rgb(25, 92, 30) 0%, rgb(0, 79, 7) 40%, rgb(0, 51, 5) 100%);
     }
 
     & .list-item {
@@ -337,15 +337,20 @@ html {
             &[data-tab="tab1"] {
                 & .Eigenschaften {
                     display: grid;
-                    grid-template-columns: minmax(0, max-content) repeat(8, minmax(0, 1fr));
+                    grid-template-columns: minmax(0, max-content) repeat(3, minmax(0, 1fr));
                     align-items: center;
-                    gap: 0.5rem;
+                    column-gap: 0.5rem;
+
+                    & .list-header :not(:nth-child(1)), .list-item :not(:nth-child(1)) {
+                        text-align: center;
+                    }
                 }
 
                 & .Basiswerte {
                     display: grid;
                     grid-template-columns: minmax(0, max-content) repeat(5, minmax(0, 1fr));
                     align-items: center;
+                    column-gap: 0.5rem;
 
                     & .list-header :not(:nth-child(1)), .list-item :not(:nth-child(1)) {
                         text-align: center;