Formular und Liste responsiv gestaltet

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

components/TabLayout.tsx

@@ -26,9 +26,9 @@ export default function TabLayout({ children, activeTab, onTabChange }: TabLayou
     new Date().toLocaleDateString('de-DE', { day: '2-digit', month: '2-digit', year: 'numeric' });
 
   return (
-    <div className="min-h-screen py-8 px-4">
+    <div className="min-h-screen py-8 px-2 sm:px-4">
       {/* Outer wrapper with border */}
-      <div className="max-w-316 mx-auto border-2 border-black rounded-xl bg-gray-200 p-6">
+      <div className="max-w-316 mx-auto border-2 border-black rounded-xl bg-gray-200 p-3 sm:p-6">
 
         {/* Page title */}
         <h1 className="text-4xl font-bold text-center mb-6 tracking-tight">Ausgaben - Log</h1>
@@ -58,7 +58,7 @@ export default function TabLayout({ children, activeTab, onTabChange }: TabLayou
           </div>
 
           {/* Content panel */}
-          <main className="border-2 border-black rounded-b-lg rounded-tr-lg p-6 bg-[#FFFFDD]">
+          <main className="border-2 border-black rounded-b-lg rounded-tr-lg p-3 sm:p-6 bg-[#FFFFDD]">
             {children}
           </main>