Reordered inventory items when item is used

core/development/LogicAdapter.ts

@@ -360,12 +360,10 @@ export function canPlaceItemOnBoard(
     }
   }
 
-  game
-    .getPlayersTurnSwitcher()
-    .getCurrentPlayer()
-    .inventory.removeItem(usedItem);
+  const currentPlayer = game.getPlayersTurnSwitcher().getCurrentPlayer();
+  currentPlayer.inventory.removeItem(usedItem);
   game.switchWasItemPlacedThisTurn();
-  destroyItemInInventory(itemElement);
+  destroyItemInInventory(itemElement, currentPlayer.color);
 
   return true;
 }
@@ -398,10 +396,10 @@ export function returnItemToInventory(itemElement: HTMLElement) {
   const usedItem = getCurrentPlayerInventoryItemById(itemElement.id);
   if (!usedItem) return;
 
-  destroyItemInInventory(itemElement);
+  const currentPlayer = game.getPlayersTurnSwitcher().getCurrentPlayer();
 
-  const player = game.getPlayersTurnSwitcher().getCurrentPlayer();
-  showItemOnInventory(usedItem, player.color);
+  destroyItemInInventory(itemElement, currentPlayer.color);
+  showItemOnInventory(usedItem, currentPlayer.color);
 }
 
 export function getShopItemById(itemId: string) {

core/development/ui/InventoriesUI.ts

@@ -46,6 +46,25 @@ export function showItemOnInventory(
   }
 }
 
+export function sortInventoryItems(playerColor: PlayerColor) {
+  const playerInventoryElement = document.getElementById(playerColor);
+  if (!playerInventoryElement) return;
+
+  const childNodes = Array.from(playerInventoryElement.childNodes);
+  const emptySlots = [];
+
+  for (let i = 0; i < childNodes.length; i++) {
+    const child = childNodes[i];
+    if (!child.hasChildNodes()) {
+      emptySlots.push(child);
+    }
+  }
+
+  for (const emptySlot of emptySlots) {
+    playerInventoryElement.appendChild(emptySlot);
+  }
+}
+
 export function initializeInventoryUI(playerColor: PlayerColor) {
   const playerInventoryElement = createPlayerInventoryElement(playerColor);
 
@@ -92,6 +111,8 @@ function removeItemElements(playerInventoryElement: HTMLElement) {
   });
 }
 
-export function destroyItemInInventory(itemElement: HTMLElement) {
+export function destroyItemInInventory(itemElement: HTMLElement, playerColor: PlayerColor) {
   itemElement.remove();
+
+  sortInventoryItems(playerColor);
 }