From 5104f43e2fe3533dc44eaebd02d62faac49d79a3 Mon Sep 17 00:00:00 2001
From: macniel <yuna.baehr@proton.me>
Date: Mon, 3 Nov 2025 18:14:53 +0100
Subject: [PATCH] inventory is now contained in its own scrollView.

---
 .../organisms/character-tabs/_inventory.scss  | 36 ++++++++++++-------
 .../actor/character/tab-equipment.hbs         | 10 +++---
 2 files changed, 30 insertions(+), 16 deletions(-)

diff --git a/src/style/organisms/character-tabs/_inventory.scss b/src/style/organisms/character-tabs/_inventory.scss
index 2a6ad5ca..b61dffac 100644
--- a/src/style/organisms/character-tabs/_inventory.scss
+++ b/src/style/organisms/character-tabs/_inventory.scss
@@ -6,13 +6,19 @@
   & > div {
     display: grid;
     grid-template-columns: 1fr 320px;
-    grid-template-rows: 74px 1fr;
+    grid-template-rows: 32px 32px 32px 1fr;
     gap: 10px;
     height: 100%;
     grid-template-areas:
 "capacity capacity"
+"coinage coinage"
+"inventory-header equipment-header"
 "inventory equipment";
 
+    .coinage {
+      grid-area: coinage;
+    }
+
     .capacity {
 
       grid-area: capacity;
@@ -35,24 +41,30 @@
       }
     }
 
+    h3.inventory-header {
+      line-height: 32px;
+      grid-area: inventory-header;
+      margin: 0;
+      padding: 0;
+    }
+
+
+
     .inventory {
       grid-area: inventory;
+      flex: 1;
       display: flex;
       flex-direction: column;
+      overflow-x: hidden;
+      overflow-y: auto;
+      border: 1px inset #ccc;
+      background-color: rgba(0, 0, 0, 0.2);
 
-      h3 {
-        flex: 0;
+
+      .equipment {
+        @include equipment.equipment
       }
 
-      .inventory-table {
-        flex: 1;
-        display: flex;
-        flex-direction: column;
-
-        .equipment {
-          @include equipment.equipment
-        }
-      }
     }
   }
 }
\ No newline at end of file
diff --git a/src/templates/actor/character/tab-equipment.hbs b/src/templates/actor/character/tab-equipment.hbs
index ca7ce765..507e13cc 100644
--- a/src/templates/actor/character/tab-equipment.hbs
+++ b/src/templates/actor/character/tab-equipment.hbs
@@ -9,12 +9,14 @@
         </div>
     </div>
 
-
-    <div class="inventory">
-        <h3>Inventar </h3>
+    <div class="coinage">
         <label>Geldmittel: {{currency this.wealth}}</label>
-        {{> "systems/DSA_4-1/templates/ui/partial-equipment-button.hbs" equipments}}
+    </div>
 
+
+    <h3 class="inventory-header">Inventar </h3>
+    <div class="inventory">
+        {{> "systems/DSA_4-1/templates/ui/partial-equipment-button.hbs" equipments}}
     </div>
     <!-- TODO: fix paperdoll
     <div class="paperdoll">