Eingaben und Liste weiter feinjustieren

Desktop zeigt weiterhin 15 Einträge, Handy/Tablet-Hochformat nur die
letzten 5 (responsive Anzeige + separater Ladezustand). Datum, Zeit
und Zucker schmaler gemacht, damit sie bei Tablet-Hochformat nicht
überlappen und beim schmalen Smartphone nicht aus dem Rahmen ragen;
Zucker-Feldhöhe an die übrigen Felder angeglichen.

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

app/page.tsx

@@ -6,7 +6,8 @@ import WerteList from '@/components/WerteList';
 import { WerteEntry } from '@/types/werte';
 import TabLayout from '@/components/TabLayout';
 
-const MAX_ENTRIES = 5
+const MAX_ENTRIES = 15;
+const MOBILE_ENTRIES = 5;
 
 export default function Home() {
   const [entries, setEntries] = useState<WerteEntry[]>([]);
@@ -87,11 +88,13 @@ export default function Home() {
         </div>
 
         <div className="bg-white border border-black rounded-lg shadow-md p-6">
-          <h2 className="text-xl font-semibold mb-4">Letzte {MAX_ENTRIES} Einträge</h2>
+          <h2 className="text-xl font-semibold mb-4">
+            Letzte <span className="md:hidden">{MOBILE_ENTRIES}</span><span className="hidden md:inline">{MAX_ENTRIES}</span> Einträge
+          </h2>
           {isLoading ? (
             <div className="text-center py-4">Lade Daten...</div>
           ) : (
-            <WerteList entries={entries} onDelete={handleDelete} onEdit={handleEdit} />
+            <WerteList entries={entries} onDelete={handleDelete} onEdit={handleEdit} mobileLimit={MOBILE_ENTRIES} />
           )}
         </div>