From ceec98038cf8f09255a22292c2dff3aa75ca6df6 Mon Sep 17 00:00:00 2001
From: Peter Bjerg Lidegaard <dbf.black.bull@gmail.com>
Date: Thu, 22 Sep 2022 09:08:07 +0200
Subject: [PATCH] Finally managed to make the other items of value textarea
 match the size of the gem pouch!

---
 ADnD_2E_Revised/2ESheet.html                         | 10 ++++++----
 ADnD_2E_Revised/2EStyle.css                          | 12 +++++++++++-
 ADnD_2E_Revised/css/2EStyle-base.css                 | 12 +++++++++++-
 .../html/tabs/character-tab/currency-tab.html        | 10 ++++++----
 4 files changed, 34 insertions(+), 10 deletions(-)

diff --git a/ADnD_2E_Revised/2ESheet.html b/ADnD_2E_Revised/2ESheet.html
index 74663606f5..c7dfd5a36b 100644
--- a/ADnD_2E_Revised/2ESheet.html
+++ b/ADnD_2E_Revised/2ESheet.html
@@ -12322,7 +12322,7 @@
             </div>
     
             <br>
-            <div class="sheet-2colrow">
+            <div class="sheet-2colrow sheet-flex">
                 <div class="sheet-col">
                     <h4>Gem Pouch</h4>
                     <fieldset name="repeating_gem" class="repeating_gem">
@@ -12346,10 +12346,12 @@
                     <br>
                     <label>Total GP value from gems:</label><input type="text" name="attr_gemstotalvalue" title="@{gemstotalvalue}" value="0" class="sheet-sym" readonly>
                 </div>
-                <div class="sheet-col">
+                <div class="sheet-col sheet-flex-column">
                     <h4>Other Items Of Value</h4>
-                    <textarea name="attr_otherval" title="@{otherval}"></textarea><br>
-                    <label>Total GP value from other items:</label><input type="text" name="attr_othervalue" title="@{othervalue}" class="sheet-short">
+                    <textarea style="height: 100%; min-height: 150px" name="attr_otherval" title="@{otherval}"></textarea>
+                    <div>
+                        <label>Total GP value from other items:</label><input type="text" name="attr_othervalue" title="@{othervalue}" class="sheet-short">
+                    </div>
                 </div>
             </div>
         </div>
diff --git a/ADnD_2E_Revised/2EStyle.css b/ADnD_2E_Revised/2EStyle.css
index 9d20bd489c..33be82720d 100644
--- a/ADnD_2E_Revised/2EStyle.css
+++ b/ADnD_2E_Revised/2EStyle.css
@@ -1680,13 +1680,23 @@ table.sheet-padding-right-column2 td:nth-child(2) {
     color: #000;
 }
 
+.sheet-flex,
+.charsheet .sheet-body .sheet-flex {
+    display: flex;
+}
+
+.sheet-flex-column,
+.charsheet .sheet-body .sheet-flex-column {
+    display: flex;
+    flex-direction: column;
+}
+
 .sheet-flex-wrap .repcontainer {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-around;
 }
 
-
 .charsheet label input[type="radio"],
 .charsheet label input[type="checkbox"] {
     position: absolute;
diff --git a/ADnD_2E_Revised/css/2EStyle-base.css b/ADnD_2E_Revised/css/2EStyle-base.css
index 302d8516e7..a0e23c33d4 100644
--- a/ADnD_2E_Revised/css/2EStyle-base.css
+++ b/ADnD_2E_Revised/css/2EStyle-base.css
@@ -1003,13 +1003,23 @@ table.sheet-padding-right-column2 td:nth-child(2) {
     color: #000;
 }
 
+.sheet-flex,
+.charsheet .sheet-body .sheet-flex {
+    display: flex;
+}
+
+.sheet-flex-column,
+.charsheet .sheet-body .sheet-flex-column {
+    display: flex;
+    flex-direction: column;
+}
+
 .sheet-flex-wrap .repcontainer {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-around;
 }
 
-
 .charsheet label input[type="radio"],
 .charsheet label input[type="checkbox"] {
     position: absolute;
diff --git a/ADnD_2E_Revised/html/tabs/character-tab/currency-tab.html b/ADnD_2E_Revised/html/tabs/character-tab/currency-tab.html
index 8be6de1479..18a430dd6d 100644
--- a/ADnD_2E_Revised/html/tabs/character-tab/currency-tab.html
+++ b/ADnD_2E_Revised/html/tabs/character-tab/currency-tab.html
@@ -571,7 +571,7 @@
         </div>
 
         <br>
-        <div class="sheet-2colrow">
+        <div class="sheet-2colrow sheet-flex">
             <div class="sheet-col">
                 <h4>Gem Pouch</h4>
                 <fieldset name="repeating_gem" class="repeating_gem">
@@ -595,10 +595,12 @@
                 <br>
                 <label>Total GP value from gems:</label><input type="text" name="attr_gemstotalvalue" title="@{gemstotalvalue}" value="0" class="sheet-sym" readonly>
             </div>
-            <div class="sheet-col">
+            <div class="sheet-col sheet-flex-column">
                 <h4>Other Items Of Value</h4>
-                <textarea name="attr_otherval" title="@{otherval}"></textarea><br>
-                <label>Total GP value from other items:</label><input type="text" name="attr_othervalue" title="@{othervalue}" class="sheet-short">
+                <textarea style="height: 100%; min-height: 150px" name="attr_otherval" title="@{otherval}"></textarea>
+                <div>
+                    <label>Total GP value from other items:</label><input type="text" name="attr_othervalue" title="@{othervalue}" class="sheet-short">
+                </div>
             </div>
         </div>
     </div>