From bc28f510395c26bc86f926e0b6c9c1ac66bd08b3 Mon Sep 17 00:00:00 2001
From: Jean-Luc Makiola <mail@jeanlucmakiola.de>
Date: Wed, 17 Jun 2026 22:56:45 +0200
Subject: [PATCH] UI: scale up Lists for M3 Expressive feel

Bigger smart tiles (160dp, 28dp corners, displaySmall hero counts, larger
icons, 20dp padding, 12dp gaps); list group cards use extra-large (28dp)
corners and surfaceContainerHigh for more presence.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 .../floret/ui/lists/ListsScreen.kt            | 27 ++++++++++++-------
 1 file changed, 17 insertions(+), 10 deletions(-)

diff --git a/app/src/main/java/de/jeanlucmakiola/floret/ui/lists/ListsScreen.kt b/app/src/main/java/de/jeanlucmakiola/floret/ui/lists/ListsScreen.kt
index c9e9182..f30a571 100644
--- a/app/src/main/java/de/jeanlucmakiola/floret/ui/lists/ListsScreen.kt
+++ b/app/src/main/java/de/jeanlucmakiola/floret/ui/lists/ListsScreen.kt
@@ -105,7 +105,7 @@ private fun ListsContent(
             top = inner.calculateTopPadding(),
             bottom = inner.calculateBottomPadding() + 96.dp,
         ),
-        verticalArrangement = Arrangement.spacedBy(8.dp),
+        verticalArrangement = Arrangement.spacedBy(12.dp),
     ) {
         item { SmartGrid(state.smartCounts, onOpenFilter) }
 
@@ -126,10 +126,10 @@ private fun ListsContent(
 private fun SmartGrid(counts: List<SmartCount>, onOpenFilter: (TaskFilter) -> Unit) {
     Column(
         modifier = Modifier.padding(horizontal = 16.dp),
-        verticalArrangement = Arrangement.spacedBy(8.dp),
+        verticalArrangement = Arrangement.spacedBy(12.dp),
     ) {
         counts.chunked(2).forEach { row ->
-            Row(horizontalArrangement = Arrangement.spacedBy(8.dp)) {
+            Row(horizontalArrangement = Arrangement.spacedBy(12.dp)) {
                 row.forEach { smart ->
                     SmartCard(
                         count = smart,
@@ -161,20 +161,27 @@ private fun SmartCard(count: SmartCount, modifier: Modifier = Modifier, onClick:
     val style = smartStyle(count.smart)
     ElevatedCard(
         onClick = onClick,
-        modifier = modifier.height(116.dp),
+        modifier = modifier.height(160.dp),
+        shape = RoundedCornerShape(28.dp),
         colors = CardDefaults.elevatedCardColors(
             containerColor = style.container,
             contentColor = style.onContainer,
         ),
     ) {
         Column(
-            modifier = Modifier.fillMaxSize().padding(16.dp),
+            modifier = Modifier.fillMaxSize().padding(20.dp),
             verticalArrangement = Arrangement.SpaceBetween,
         ) {
-            Icon(style.icon, contentDescription = null)
+            Icon(style.icon, contentDescription = null, modifier = Modifier.size(28.dp))
             Column {
-                Text(count.count.toString(), style = MaterialTheme.typography.headlineMedium)
-                Text(stringResource(style.labelRes), style = MaterialTheme.typography.labelLarge)
+                Text(
+                    count.count.toString(),
+                    style = MaterialTheme.typography.displaySmall,
+                )
+                Text(
+                    stringResource(style.labelRes),
+                    style = MaterialTheme.typography.titleMedium,
+                )
             }
         }
     }
@@ -187,9 +194,9 @@ private fun AccountGroupCard(group: AccountGroup, onOpenFilter: (TaskFilter) ->
         AccountHeader(group.accountName)
         Card(
             modifier = Modifier.fillMaxWidth(),
-            shape = RoundedCornerShape(20.dp),
+            shape = RoundedCornerShape(28.dp),
             colors = CardDefaults.cardColors(
-                containerColor = MaterialTheme.colorScheme.surfaceContainer,
+                containerColor = MaterialTheme.colorScheme.surfaceContainerHigh,
             ),
         ) {
             group.lists.forEachIndexed { index, overview ->