fix #1 and widen the app

kaelad02 · Jun 30, 2024 · a4cda09 · a4cda09
1 parent 400be15
commit a4cda09
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 4 deletions.
diff --git a/css/pickyadventurer.css b/css/pickyadventurer.css
@@ -1,14 +1,25 @@
-.pickyadventurer .document-type-controls {
+.pickyadventurer .tab {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+  overflow: hidden;
+}
+.pickyadventurer .tab .document-type-controls {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: flex-end;
   align-items: center;
 }
-.pickyadventurer .document-type-controls button.icon {
+.pickyadventurer .tab .document-type-controls button.icon {
   flex: 0 0 24px;
   height: 24px;
   padding: 0;
   font-size: var(--font-size-12);
   line-height: 24px;
 }
+.pickyadventurer .tab .scrollable {
+  --scroll-margin: 0.5rem;
+  width: 100%;
+  flex: 1;
+}
diff --git a/src/pickyadventurer.js b/src/pickyadventurer.js
@@ -37,7 +37,7 @@ class Picker extends HandlebarsApplicationMixin(ApplicationV2) {
       contentClasses: ["standard-form"],
     },
     position: {
-      width: 400,
+      width: 480,
       height: "auto",
     },
     form: {

diff --git a/templates/picker-part-list.hbs b/templates/picker-part-list.hbs
@@ -1,4 +1,4 @@
-<section class="tab picker-{{tab.id}} {{tab.cssClass}}" data-tab="{{tab.id}}" data-group="{{tab.group}}">
+<section class="tab picker-{{tab.id}} flexcol {{tab.cssClass}}" data-tab="{{tab.id}}" data-group="{{tab.group}}">
   <div class="standard-form scrollable">
     {{#each types as |type|}}
     <fieldset>