chore: fix handlebars select inputs and correct form field styling

Ethaks · Jun 18, 2024 · 268ea64 · 268ea64
1 parent 73dec4d
commit 268ea64
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 13 deletions.
diff --git a/public/templates/apps/actor-settings.hbs b/public/templates/apps/actor-settings.hbs
@@ -11,15 +11,7 @@ SPDX-License-Identifier: EUPL-1.2
                 <select id="castingAbility"
                         name="flags.pf1spheres.castingAbility"
                         data-dtype="String">
-                    {{#select pf1sFlags.castingAbility }}
-                    <option value="">
-                    </option>
-                    {{#each PF1CONFIG.abilities as |label value|}}
-                        <option value="{{ value }}">
-                            {{ label }}
-                        </option>
-                    {{/each }}
-                {{/select }}
+                    {{selectOptions PF1CONFIG.abilities selected=pf1sFlags.castingAbility blank="PF1.None" localize=true}}
             </select>
         </div>
         <p class="notes">

diff --git a/public/templates/talent-details.hbs b/public/templates/talent-details.hbs
@@ -4,7 +4,9 @@ SPDX-License-Identifier: EUPL-1.2
 -->--}}
 <div class="form-group sphere-talent-type">
     <label>{{ localize "PF1SPHERES.Sphere" }}</label>
-    <select name="flags.pf1spheres.sphere">
-        {{selectOptions spheres selected=item.flags.pf1spheres.sphere labelAttr="label"}}
-    </select>
+    <div class="form-fields">
+        <select name="flags.pf1spheres.sphere">
+            {{selectOptions spheres selected=item.flags.pf1spheres.sphere labelAttr="label"}}
+        </select>
+    </div>
 </div>
diff --git a/public/templates/talent-excluded.hbs b/public/templates/talent-excluded.hbs
@@ -5,5 +5,7 @@ SPDX-License-Identifier: EUPL-1.2
 
 <div class="form-group sphere-count-excluded">
     <label>{{localize "PF1SPHERES.CountExclude"}}</label>
-    <input type="checkbox" name="flags.pf1spheres.countExcluded" {{checked item.flags.pf1spheres.countExcluded}}>
+    <div class="form-fields">
+        <input type="checkbox" name="flags.pf1spheres.countExcluded" {{checked item.flags.pf1spheres.countExcluded}}>
+    </div>
 </div>