From c66835555d1f4ddf21a6fef5f12c2868f64d4624 Mon Sep 17 00:00:00 2001
From: averel10 <achille.huenenberger@gmail.com>
Date: Fri, 13 Mar 2026 14:16:59 +0100
Subject: [PATCH] cleanup margin/width/padding

---
 src/app/admin/datasets/[id]/entries/[entryId]/page.tsx | 4 ++--
 src/app/admin/datasets/[id]/page.tsx                   | 4 ++--
 src/app/admin/page.tsx                                 | 2 +-
 src/app/admin/users/page.tsx                           | 2 +-
 src/app/layout.tsx                                     | 2 +-
 src/components/DatasetEntriesList.tsx                  | 4 +---
 src/components/Footer.tsx                              | 2 +-
 src/components/Header.tsx                              | 2 +-
 8 files changed, 10 insertions(+), 12 deletions(-)
diff --git a/src/app/admin/datasets/[id]/entries/[entryId]/page.tsx b/src/app/admin/datasets/[id]/entries/[entryId]/page.tsx
index c3f8f0b..f680b10 100644
--- a/src/app/admin/datasets/[id]/entries/[entryId]/page.tsx
+++ b/src/app/admin/datasets/[id]/entries/[entryId]/page.tsx
@@ -36,7 +36,7 @@ export default async function DatasetEntryPage({ params }: DatasetEntryPageProps
   if (entries.length === 0 || entries[0].datasetId !== datasetIdNum) {
     return (
       <div className="min-h-screen">
-        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+        <div className="px-4 sm:px-6 lg:px-8 py-8">
           <Link
             href={`/admin/datasets/${datasetId}`}
             className="text-blue-500 hover:text-blue-600 mb-6 inline-block"
@@ -55,7 +55,7 @@ export default async function DatasetEntryPage({ params }: DatasetEntryPageProps
 
   return (
     <div>
-      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+      <div className="px-4 sm:px-6 lg:px-8 py-8">
         <Link
           href={`/admin/datasets/${datasetId}`}
           className="text-blue-500 hover:text-blue-600 mb-6 inline-block"
diff --git a/src/app/admin/datasets/[id]/page.tsx b/src/app/admin/datasets/[id]/page.tsx
index 6c8b7af..ef61a11 100644
--- a/src/app/admin/datasets/[id]/page.tsx
+++ b/src/app/admin/datasets/[id]/page.tsx
@@ -39,7 +39,7 @@ export default async function DatasetPage({ params }: DatasetPageProps) {
   if (datasets.length === 0) {
     return (
       <div className="min-h-screen">
-        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+        <div className="px-4 sm:px-6 lg:px-8 py-8">
           <Link
             href="/admin"
             className="text-blue-500 hover:text-blue-600 mb-6 inline-block"
@@ -58,7 +58,7 @@ export default async function DatasetPage({ params }: DatasetPageProps) {
 
   return (
     <div>
-      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+      <div className="px-4 sm:px-6 lg:px-8 py-8">
         <Link
           href="/admin"
           className="text-blue-500 hover:text-blue-600 mb-6 inline-block"
diff --git a/src/app/admin/page.tsx b/src/app/admin/page.tsx
index bd9ac4e..1623152 100644
--- a/src/app/admin/page.tsx
+++ b/src/app/admin/page.tsx
@@ -18,7 +18,7 @@ export default async function AdminPage() {
     }
 
   return (
-    <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+    <div className="px-4 sm:px-6 lg:px-8 py-8">
       <div className="mb-8">
         <h1 className="text-3xl font-bold mb-4">Admin Panel</h1>
         <div className="flex gap-4">
diff --git a/src/app/admin/users/page.tsx b/src/app/admin/users/page.tsx
index 51e4cc9..1858289 100644
--- a/src/app/admin/users/page.tsx
+++ b/src/app/admin/users/page.tsx
@@ -18,7 +18,7 @@ export default async function UsersPage() {
   const users = await getAllUsers();
 
   return (
-    <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+    <div className="px-4 sm:px-6 lg:px-8 py-8">
       <div className="mb-6">
         <Link
           href="/admin"
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 27c562b..6f79a83 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -13,7 +13,7 @@ export default function RootLayout({
       <body className="flex flex-col min-h-screen">
         <AudioProvider>
           <Header />
-          <main className="flex-grow mt-4 mb-4 mr-8 ml-8">
+          <main className="flex-grow">
             {children}
           </main>
           <Footer />
diff --git a/src/components/DatasetEntriesList.tsx b/src/components/DatasetEntriesList.tsx
index 041a339..5e007b0 100644
--- a/src/components/DatasetEntriesList.tsx
+++ b/src/components/DatasetEntriesList.tsx
@@ -420,7 +420,6 @@ export default function DatasetEntriesList({
               <th className="text-left py-3 px-4 font-semibold text-gray-700">Model Name</th>
               <th className="text-left py-3 px-4 font-semibold text-gray-700">Utterance ID</th>
               <th className="text-left py-3 px-4 font-semibold text-gray-700">Dialect</th>
-              <th className="text-left py-3 px-4 font-semibold text-gray-700">File Name</th>
               <th className="text-left py-3 px-4 font-semibold text-gray-700">Iteration</th>
               <th className="text-left py-3 px-4 font-semibold text-gray-700">Duration (ms)</th>
               <th className="text-left py-3 px-4 font-semibold text-gray-700">RMS Value</th>
@@ -445,9 +444,8 @@ export default function DatasetEntriesList({
                 </td>
                 <td className="py-3 px-4">{entry.speakerId}</td>
                 <td className="py-3 px-4">{entry.modelName}</td>
-                <td className="py-3 px-4 truncate">{entry.utteranceId || '-'}</td>
+                <td className="py-3 px-4">{entry.utteranceId || '-'}</td>
                 <td className="py-3 px-4">{entry.dialect}</td>
-                <td className="py-3 px-4 truncate">{entry.fileName}</td>
                 <td className="py-3 px-4">{entry.iteration}</td>
                 <td className="py-3 px-4">{entry.durationMs?.toLocaleString() || '-'}</td>
                 <td className="py-3 px-4">{entry.rmsValue?.toFixed(3) || '-'}</td>
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index a1fcb3d..4aa8099 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -3,7 +3,7 @@ export function Footer() {
 
   return (
     <footer className="bg-gray-800 text-gray-300 mt-12">
-      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+      <div className="px-4 sm:px-6 lg:px-8 py-8">
         <div className="grid grid-cols-1 md:grid-cols-3 gap-8 mb-8">
           <div>
             <h3 className="text-white font-semibold mb-4">Über das Projekt</h3>
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index d2b7d63..3289803 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -16,7 +16,7 @@ export function Header() {
 
   return (
     <header className="sticky top-0 z-50 bg-gradient-to-r from-blue-600 to-blue-700 text-white shadow-lg">
-      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+      <div className="px-4 sm:px-6 lg:px-8">
         <div className="flex justify-between items-center py-5">
           <Link href="/" className="text-2xl font-bold hover:text-blue-100 transition-colors">
             TTS Dialektannotations-Plattform
