From 0a4d98180897aa07b2b356a16235efb6109a07a6 Mon Sep 17 00:00:00 2001
From: Theis Gaedigk <theis.gaedigk@icloud.com>
Date: Sun, 23 Nov 2025 19:37:59 +0100
Subject: [PATCH] changed the design of the item table

---
 admin/src/components/ItemTable.tsx | 15 ++++-----------
 1 file changed, 4 insertions(+), 11 deletions(-)

diff --git a/admin/src/components/ItemTable.tsx b/admin/src/components/ItemTable.tsx
index 97b9f12..b72512b 100644
--- a/admin/src/components/ItemTable.tsx
+++ b/admin/src/components/ItemTable.tsx
@@ -10,7 +10,6 @@ import {
   Heading,
   Icon,
   Input,
-  Box, // added
 } from "@chakra-ui/react";
 import { Tooltip } from "@/components/ui/tooltip";
 import MyAlert from "./myChakra/MyAlert";
@@ -185,15 +184,9 @@ const ItemTable: React.FC = () => {
         />
       )}
 
-      {/* make table content-sized with horizontal scroll if needed */}
-      <Box overflowX="auto">
-        <Table.Root
-          size="sm"
-          striped
-          tableLayout="auto"
-          w="max-content"
-          whiteSpace="nowrap"
-        >
+      {/* make table fill available width, like UserTable */}
+      {!isLoading && (
+        <Table.Root size="sm" striped w="100%" style={{ tableLayout: "auto" }}>
           <Table.Header>
             <Table.Row>
               <Table.ColumnHeader>
@@ -353,7 +346,7 @@ const ItemTable: React.FC = () => {
             ))}
           </Table.Body>
         </Table.Root>
-      </Box>
+      )}
       <Text>* LaP = Letzte ausleihende Person</Text>
       <Text>** Dav = Derzeit ausgeliehen von</Text>
     </>