inventory is now contained in its own scrollView.

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 @@
       }
     }
 
-    .inventory {
-      grid-area: inventory;
-      display: flex;
-      flex-direction: column;
-
-      h3 {
-        flex: 0;
+    h3.inventory-header {
+      line-height: 32px;
+      grid-area: inventory-header;
+      margin: 0;
+      padding: 0;
     }
 
-      .inventory-table {
+
+
+    .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);
+
 
       .equipment {
         @include equipment.equipment
       }
-      }
+
     }
   }
 }

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">