Merged with development

styles/less/global/elements.less

@@ -603,9 +603,12 @@
         display: flex;
         justify-content: space-between;
         align-items: center;
+        gap: 0.25rem 0.5rem;
+        flex-wrap: wrap;
 
         label {
-            font-size: var(--font-size-16);
+            font-size: var(--font-size-14);
+            font-weight: normal;
         }
 
         .form-fields {
@@ -613,6 +616,21 @@
             gap: 4px;
             align-items: center;
         }
+
+        &.setting-two-values {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: 0.25rem 0.5rem;
+
+            .form-group {
+                justify-content: end;
+                flex-wrap: nowrap;
+            }
+
+            .hint {
+                grid-column: 1 / -1;
+            }
+        }
     }
 }
 

styles/less/global/global.less

@@ -10,3 +10,44 @@
     color: light-dark(@dark-blue-50, @beige-50);
     font-family: @font-body;
 }
+
+.daggerheart.dh-style {
+    .hint {
+        flex: 0 0 100%;
+        margin: 0;
+        color: var(--color-form-hint);
+    }
+
+    .form-group:hover {
+        .hint {
+            color: var(--color-form-hint-hover);
+        }
+    }
+
+    .loader {
+        position: relative;
+        overflow: hidden !important;
+
+        div {
+            opacity: 0.5;
+        }
+
+        &:before {
+            font-family: 'Font Awesome 6 Pro';
+            content: '\f110';
+            position: absolute;
+            height: 100%;
+            width: 100%;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            animation: spinner 1.5s linear infinite;
+        }
+    }
+
+    @keyframes spinner {
+        to {
+            transform: rotate(360deg);
+        }
+    }
+}

styles/less/sheets/items/class.less

@@ -43,4 +43,18 @@
             }
         }
     }
+
+    .tab.questions {
+        .questions-container {
+            display: grid;
+            grid-template-columns: 1fr 1fr;
+            gap: 8px;
+
+            .questions-section {
+                display: flex;
+                flex-direction: column;
+                gap: 4px;
+            }
+        }
+    }
 }

styles/less/ui/item-browser/item-browser.less

@@ -71,6 +71,7 @@
         }
 
         .compendium-results {
+            position: relative;
             padding: 16px;
         }
 
@@ -101,10 +102,14 @@
         .folder-list,
         .item-list-header,
         .item-header > div {
-            gap: 10px;
             cursor: pointer;
         }
 
+        .item-list-header,
+        .item-header > div {
+            gap: 10px;
+        }
+
         .item-filter {
             display: flex;
             align-items: center;
@@ -228,7 +233,8 @@
         }
 
         .item-list-header,
-        .item-list {
+        .item-list,
+        .compendium-sidebar > .folder-list {
             overflow-y: auto;
             scrollbar-gutter: stable;
             scrollbar-width: thin;
@@ -273,11 +279,11 @@
                 }
 
                 &[data-sort-type='ASC']:after {
-                    content: '\f0d7';
+                    content: '\f884';
                 }
 
                 &[data-sort-type='DESC']:after {
-                    content: '\f0d8';
+                    content: '\f885';
                 }
             }
         }
@@ -286,6 +292,7 @@
             display: flex;
             flex-direction: column;
             gap: 5px;
+            flex: 1;
 
             .item-container {
                 &:hover {
@@ -385,8 +392,12 @@
             margin: 0;
 
             .title {
-                margin: 0;
                 text-align: center;
+                font-weight: bold;
+            }
+
+            .hint {
+                flex: unset;
             }
         }
 
@@ -398,6 +409,7 @@
 
     &.lite,
     &.no-folder {
+        .compendium-sidebar,
         .menu-path {
             display: none;
         }

styles/less/ui/settings/homebrew-settings/domains.less

@@ -53,6 +53,10 @@
             display: grid;
             grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
             gap: 8px;
+            max-height: 184px;
+            overflow: auto;
+            scrollbar-width: thin;
+            scrollbar-color: light-dark(#18162e, #f3c267) transparent;
 
             .domain-container {
                 position: relative;

styles/less/ui/settings/settings.less

@@ -4,7 +4,7 @@
     fieldset {
         display: flex;
         flex-direction: column;
-        gap: 4px;
+        gap: 0.5rem;
 
         &.two-columns {
             display: grid;
@@ -32,6 +32,7 @@
         display: flex;
         align-items: center;
         gap: 8px;
+        flex-wrap: nowrap;
     }
 
     .settings-items {