Active Effects (#123)

* Added Dh classes to ActiveEffect/ActiveEffectConfig with some initial logic

* TabFormFooter styling update

* Lowered tab-form-footer padding

styles/daggerheart.css

@@ -2593,6 +2593,9 @@ div.daggerheart.views.multiclass {
   width: 40px;
   background: white;
 }
+.application.sheet.daggerheart.dh-style.active-effect-config label {
+  white-space: nowrap;
+}
 .daggerheart.sheet .title-container {
   display: flex;
   gap: 8px;
@@ -3385,6 +3388,14 @@ div.daggerheart.views.multiclass {
   font-weight: bold;
   font-size: smaller;
 }
+.application.sheet.dh-style .two-columns {
+  display: grid;
+  grid-template-columns: 1fr 2fr;
+  gap: 10px;
+}
+.application.sheet.dh-style .two-columns.even {
+  grid-template-columns: 1fr 1fr;
+}
 .application.sheet.dh-style line-div {
   display: block;
   height: 1px;
@@ -3592,6 +3603,16 @@ div.daggerheart.views.multiclass {
   text-shadow: none;
   font-family: 'Montserrat', sans-serif;
 }
+.sheet.daggerheart.dh-style .tab-form-footer {
+  display: flex;
+  padding: 0 10px;
+  position: relative;
+  bottom: -32px;
+}
+.sheet.daggerheart.dh-style .tab-form-footer button {
+  flex: 1;
+  border-width: 2px;
+}
 .sheet.daggerheart.dh-style .tab.actions .actions-list {
   display: flex;
   flex-direction: column;

styles/daggerheart.less

@@ -23,6 +23,7 @@
 @import './less/global/sheet.less';
 @import './less/global/elements.less';
 @import './less/global/tab-navigation.less';
+@import './less/global/tab-form-footer.less';
 @import './less/global/tab-actions.less';
 @import './less/global/item-header.less';
 @import './less/global/feature-section.less';

styles/less/global/elements.less

@@ -143,6 +143,16 @@
         }
     }
 
+    .two-columns {
+        display: grid;
+        grid-template-columns: 1fr 2fr;
+        gap: 10px;
+
+        &.even {
+            grid-template-columns: 1fr 1fr;
+        }
+    }
+
     line-div {
         display: block;
         height: 1px;

styles/less/global/tab-form-footer.less

@@ -0,0 +1,13 @@
+.sheet.daggerheart.dh-style {
+    .tab-form-footer {
+        display: flex;
+        padding: 0 10px;
+        position: relative;
+        bottom: -32px;
+
+        button {
+            flex: 1;
+            border-width: 2px;
+        }
+    }
+}

styles/sheets/activeEffect.less

@@ -0,0 +1,5 @@
+.application.sheet.daggerheart.dh-style.active-effect-config {
+    label {
+        white-space: nowrap;
+    }
+}

styles/sheets/sheets.less

@@ -1,6 +1,7 @@
 @import './heritage.less';
 @import './class.less';
 @import './adversary.less';
+@import './activeEffect.less';
 
 .daggerheart.sheet {
     .title-container {