From 5ec12cbf107b9090de0f32eaddf7b3f03c9f120a Mon Sep 17 00:00:00 2001
From: Lucas 'Paperboy' Rose-Winters <lucas@sanguinehost.com>
Date: Mon, 20 Oct 2025 08:43:49 +1100
Subject: [PATCH] feat(ui): add centered 'Add Item' button to all storage
 locations

- Added persistent '+ Add Item' button at bottom of each storage location
- Button is centered and always visible (whether location has 0 or many items)
- Removed redundant '+ Add' button from storage location header (kept trash button)
- Reverted empty state to simple message instead of special button
- Added CSS for .rpg-storage-add-item-container to center button with margin
- Matches UI pattern from On Person and Assets tabs
- Removed debug logging from inventoryActions.js
---
 src/systems/rendering/inventory.js | 8 +++++---
 style.css                          | 6 ++++++
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/systems/rendering/inventory.js b/src/systems/rendering/inventory.js
index bb0d0c0..91a2b8d 100644
--- a/src/systems/rendering/inventory.js
+++ b/src/systems/rendering/inventory.js
@@ -199,9 +199,6 @@ export function renderStoredView(stored, collapsedLocations = [], viewMode = 'li
                         </button>
                         <h5 class="rpg-storage-name">${escapeHtml(location)}</h5>
                         <div class="rpg-storage-actions">
-                            <button class="rpg-inventory-add-btn" data-action="add-item" data-field="stored" data-location="${escapeHtml(location)}" title="Add item to this location">
-                                <i class="fa-solid fa-plus"></i>
-                            </button>
                             <button class="rpg-inventory-remove-btn" data-action="remove-location" data-location="${escapeHtml(location)}" title="Remove this storage location">
                                 <i class="fa-solid fa-trash"></i>
                             </button>
@@ -222,6 +219,11 @@ export function renderStoredView(stored, collapsedLocations = [], viewMode = 'li
                         <div class="rpg-item-list ${listViewClass}">
                             ${itemsHtml}
                         </div>
+                        <div class="rpg-storage-add-item-container">
+                            <button class="rpg-inventory-add-btn" data-action="add-item" data-field="stored" data-location="${escapeHtml(location)}" title="Add item to this location">
+                                <i class="fa-solid fa-plus"></i> Add Item
+                            </button>
+                        </div>
                     </div>
                     <div class="rpg-inline-confirmation" id="rpg-remove-confirm-${locationId}" style="display: none;">
                         <p>Remove "${escapeHtml(location)}"? This will delete all items stored there.</p>
diff --git a/style.css b/style.css
index ed880ba..b77c8cb 100644
--- a/style.css
+++ b/style.css
@@ -4080,6 +4080,12 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
     display: none;
 }
 
+.rpg-storage-add-item-container {
+    display: flex;
+    justify-content: center;
+    margin-top: 0.75rem;
+}
+
 /* Buttons */
 .rpg-inventory-edit-btn,
 .rpg-inventory-add-btn,