Corrected styles for NPC Categories

WBHarry · Oct 31, 2024 · ddb8a55 · ddb8a55
1 parent 7ef6d10
commit ddb8a55
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 5 deletions.
diff --git a/styles/pf2e-bestiary-tracking.css b/styles/pf2e-bestiary-tracking.css
@@ -330,9 +330,11 @@
 .pf2e-bestiary-tracking.bestiary .bestiary-main-page .main-page-container .npc-category-handling .npc-category-handling-inner {
   display: flex;
   flex-direction: column;
-  text-align: center;
   gap: 8px;
 }
+.pf2e-bestiary-tracking.bestiary .bestiary-main-page .main-page-container .npc-category-handling .npc-category-handling-inner .helper-text {
+  text-align: center;
+}
 .pf2e-bestiary-tracking.bestiary .bestiary-main-page .main-page-category-container {
   display: flex;
   align-items: center;

diff --git a/styles/stylesheets/bestiary.less b/styles/stylesheets/bestiary.less
@@ -334,8 +334,11 @@
           .npc-category-handling-inner {
             display: flex;
             flex-direction: column;
-            text-align: center;
             gap: 8px;
+
+            .helper-text {
+              text-align: center;
+            }
           }
         }
       }

diff --git a/templates/bestiary.hbs b/templates/bestiary.hbs
@@ -72,22 +72,22 @@
                             <legend>{{localize "PF2EBestiary.Bestiary.NPC.CategoryHandlingTitle"}}</legend>
 
                             <div class="npc-category-handling-inner">
-                                <div>{{localize "PF2EBestiary.Bestiary.NPC.NPCCategoryDescription"}}</div>
+                                <div class="helper-text">{{localize "PF2EBestiary.Bestiary.NPC.NPCCategoryDescription"}}</div>
                                 <div class="category-container">
                                     <div class="category-section flexrow">
                                         <div class="category-label flex0">{{localize "PF2EBestiary.Bestiary.NPC.NewCategory"}}</div>
                                     </div>
                                     <div class="category-body flexrow">
                                         <input class="data-container primary-container" type="text" name="npcData.newCategory.text" value="{{this.npcState.newCategory.text}}" />
-                                        <button data-action="addNpcCategory" {{#if (not this.npcState.newCategory.text)}}disabled{{else}}class="primary-container"{{/if}}><i class="fa-solid fa-plus"></i>{{localize "PF2EBestiary.Miscellaneous.Add"}}</button>
+                                        <button class="secondary-container" data-action="addNpcCategory" {{#if (not this.npcState.newCategory.text)}}disabled{{else}}class="primary-container"{{/if}}><i class="fa-solid fa-plus"></i>{{localize "PF2EBestiary.Miscellaneous.Add"}}</button>
                                     </div>
                                 </div>
                                 <div class="category-container">
                                     <div class="category-section flexrow">
                                         <div class="category-label flex0">{{localize "PF2EBestiary.Bestiary.NPC.CategorySorting"}}</div>
                                     </div>
                                     <div class="category-body flexrow">
-                                        <select class="npcCategorySortSelect" data-dtype="Number">
+                                        <select class="npcCategorySortSelect primary-container" data-dtype="Number">
                                             {{selectOptions this.npcCategorySortOptions selected=this.settings.npc.categorySort valueAttr="value" labelAttr="name" localize=true}}
                                         </select>
                                     </div>