From b62d6c13c90b35f56ecd6d2f975a9f54a474b17f Mon Sep 17 00:00:00 2001 From: austinried <4966622+austinried@users.noreply.github.com> Date: Sat, 3 Oct 2026 02:48:22 +0000 Subject: [PATCH] home: larger section headers and even header-to-content spacing --- app/src/main/kotlin/com/subtracks/ui/home/HomeScreen.kt | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/app/src/main/kotlin/com/subtracks/ui/home/HomeScreen.kt b/app/src/main/kotlin/com/subtracks/ui/home/HomeScreen.kt index b113f08f..d3071129 100644 --- a/app/src/main/kotlin/com/subtracks/ui/home/HomeScreen.kt +++ b/app/src/main/kotlin/com/subtracks/ui/home/HomeScreen.kt @@ -255,7 +255,7 @@ private fun HomeSectionHeader( ) { Text( text = title, - style = MaterialTheme.typography.titleMedium, + style = MaterialTheme.typography.titleLarge, modifier = Modifier.weight(1f), ) if (onMore != null) { @@ -270,6 +270,7 @@ private val TILE_SIZE = 132.dp private val ARTIST_TILE_SIZE = 104.dp private val TILE_SPACING = 8.dp private val ARTIST_SPACING = 16.dp +private val SECTION_CONTENT_TOP = 12.dp private const val GENRE_ROWS = 3 private fun LazyListScope.albumRow( @@ -288,6 +289,7 @@ private fun LazyListScope.albumRow( LazyRow( contentPadding = PaddingValues(horizontal = 16.dp), horizontalArrangement = Arrangement.spacedBy(TILE_SPACING), + modifier = Modifier.padding(top = SECTION_CONTENT_TOP), ) { items(albums, key = { it.id }) { album -> val ref = coverArt(album.coverArt, true) @@ -318,6 +320,7 @@ private fun LazyListScope.artistRow( LazyRow( contentPadding = PaddingValues(horizontal = 16.dp), horizontalArrangement = Arrangement.spacedBy(ARTIST_SPACING), + modifier = Modifier.padding(top = SECTION_CONTENT_TOP), ) { items(artists, key = { it.id }) { artist -> val ref = coverArt(artist.coverArt, true) @@ -348,7 +351,7 @@ private fun LazyListScope.genreBlock( Modifier .fillMaxWidth() .horizontalScroll(rememberScrollState()) - .padding(horizontal = 16.dp), + .padding(start = 16.dp, end = 16.dp, top = SECTION_CONTENT_TOP), ) { Column(verticalArrangement = Arrangement.spacedBy(TILE_SPACING)) { repeat(GENRE_ROWS) { row -> @@ -379,6 +382,7 @@ private fun LazyListScope.decadeRow( LazyRow( contentPadding = PaddingValues(horizontal = 16.dp), horizontalArrangement = Arrangement.spacedBy(TILE_SPACING), + modifier = Modifier.padding(top = SECTION_CONTENT_TOP), ) { items(decades, key = { it }) { decade -> AssistChip(onClick = { onDecadeClick(decade) }, label = { Text("${decade}s") })