pop49

public/css/building.css

@@ -403,8 +403,6 @@ body {
 }
 
 #inventory-page {
-  text-align: center;
-  margin-top: 6px;
   font-size: 16px;
   font-weight: bold;
 }
@@ -414,7 +412,7 @@ body {
   width: 40px;
   height: 40px;
 
-  font-size: 22px;
+  font-size: 20px;
 
   cursor: pointer;
 
@@ -425,6 +423,21 @@ body {
   border-radius: 4px;
 }
 
+#inv-left:hover,
+#inv-right:hover {
+  background: #8b6a3c;
+}
+
+#inventory-nav {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  gap: 20px;
+
+  margin-top: 10px;
+}
+
 .inventory-slot {
   width: 70px;
   height: 70px;

public/js/buildings/wohnhaus.js

@@ -59,16 +59,20 @@ export async function loadWohnhaus() {
 
 <div id="inventory-wrapper">
 
+<div id="inventory-grid"></div>
+
+</div>
+
+<div id="inventory-nav">
+
 <button id="inv-left">◀</button>
 
-<div id="inventory-grid"></div>
+<div id="inventory-page"></div>
 
 <button id="inv-right">▶</button>
 
 </div>
 
-<div id="inventory-page"></div>
-
 `;
 
   await loadInventory();