From f1413e71c91af6a3cc4b6b3bdfe71dbcc2c43604 Mon Sep 17 00:00:00 2001
From: KhooLy <73142442+KhooLy@users.noreply.github.com>
Date: Sun, 19 Jul 2026 23:27:14 +0300
Subject: [PATCH] Give CategoryResultsScreen TV-appropriate spacing

Reached from every 'see all' row on Home/Discover; had no deviceType
awareness at all. Add TV padding/type-scale/grid sizing in line with
the other Tv*Screen wrappers. Card focus rings come from the
CatalogCard fix already landed.
---
 .../kotlin/com/fluxa/app/shared/FluxaApp.kt     |  1 +
 .../feature/catalog/CategoryResultsScreen.kt    | 17 +++++++++++------
 2 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/shared/src/commonMain/kotlin/com/fluxa/app/shared/FluxaApp.kt b/shared/src/commonMain/kotlin/com/fluxa/app/shared/FluxaApp.kt
index ee0f764..edd9afd 100644
--- a/shared/src/commonMain/kotlin/com/fluxa/app/shared/FluxaApp.kt
+++ b/shared/src/commonMain/kotlin/com/fluxa/app/shared/FluxaApp.kt
@@ -329,6 +329,7 @@ fun FluxaApp(
                     language = state.language,
                     onBack = onCategoryBackRequested,
                     onItemSelected = onCategoryItemSelected,
+                    deviceType = deviceType,
                     modifier = Modifier.fillMaxSize()
                 )
                 state.destination == FluxaDestination.Search && searchState != null && deviceType == com.fluxa.app.ui.catalog.DeviceType.TV -> com.fluxa.app.shared.feature.search.TvSearchScreen(
diff --git a/shared/src/commonMain/kotlin/com/fluxa/app/shared/feature/catalog/CategoryResultsScreen.kt b/shared/src/commonMain/kotlin/com/fluxa/app/shared/feature/catalog/CategoryResultsScreen.kt
index 89e60eb..3e09139 100644
--- a/shared/src/commonMain/kotlin/com/fluxa/app/shared/feature/catalog/CategoryResultsScreen.kt
+++ b/shared/src/commonMain/kotlin/com/fluxa/app/shared/feature/catalog/CategoryResultsScreen.kt
@@ -20,6 +20,7 @@ import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
 import com.fluxa.app.common.AppStrings
 import com.fluxa.app.ui.catalog.CatalogCard
+import com.fluxa.app.ui.catalog.DeviceType
 
 @Composable
 fun CategoryResultsScreen(
@@ -28,11 +29,15 @@ fun CategoryResultsScreen(
     language: String?,
     onBack: () -> Unit,
     onItemSelected: (CatalogItemUiModel) -> Unit,
+    deviceType: DeviceType = DeviceType.Mobile,
     modifier: Modifier = Modifier
 ) {
+    val isTv = deviceType == DeviceType.TV
     Column(modifier = modifier.fillMaxSize()) {
         Row(
-            modifier = Modifier.fillMaxWidth().padding(horizontal = 16.dp, vertical = 12.dp),
+            modifier = Modifier
+                .fillMaxWidth()
+                .padding(horizontal = if (isTv) 48.dp else 16.dp, vertical = if (isTv) 28.dp else 12.dp),
             verticalAlignment = Alignment.CenterVertically,
             horizontalArrangement = Arrangement.spacedBy(12.dp)
         ) {
@@ -42,16 +47,16 @@ fun CategoryResultsScreen(
             Text(
                 text = title,
                 color = Color.White,
-                fontSize = 24.sp,
+                fontSize = if (isTv) 28.sp else 24.sp,
                 fontWeight = FontWeight.Bold
             )
         }
         LazyVerticalGrid(
-            columns = GridCells.Adaptive(150.dp),
+            columns = GridCells.Adaptive(if (isTv) 170.dp else 150.dp),
             modifier = Modifier.fillMaxSize(),
-            contentPadding = androidx.compose.foundation.layout.PaddingValues(16.dp),
-            horizontalArrangement = Arrangement.spacedBy(12.dp),
-            verticalArrangement = Arrangement.spacedBy(16.dp)
+            contentPadding = androidx.compose.foundation.layout.PaddingValues(horizontal = if (isTv) 48.dp else 16.dp, vertical = 16.dp),
+            horizontalArrangement = Arrangement.spacedBy(if (isTv) 20.dp else 12.dp),
+            verticalArrangement = Arrangement.spacedBy(if (isTv) 24.dp else 16.dp)
         ) {
             items(items, key = { "${it.type}:${it.id}" }) { item ->
                 CatalogCard(model = item.card, onClick = { onItemSelected(item) })