From c76d5dd30cbbaa5dafdd03a05e4ec7014e84484d Mon Sep 17 00:00:00 2001
From: arkon <eugcheung94@gmail.com>
Date: Thu, 10 Nov 2022 22:07:21 -0500
Subject: [PATCH] Tweak library continue reading button

---
 .../components/CommonMangaItem.kt             | 42 +++++++++----------
 1 file changed, 21 insertions(+), 21 deletions(-)

diff --git a/app/src/main/java/eu/kanade/presentation/components/CommonMangaItem.kt b/app/src/main/java/eu/kanade/presentation/components/CommonMangaItem.kt
index f18d166f51..65d2465bb6 100644
--- a/app/src/main/java/eu/kanade/presentation/components/CommonMangaItem.kt
+++ b/app/src/main/java/eu/kanade/presentation/components/CommonMangaItem.kt
@@ -48,7 +48,7 @@ object CommonMangaItemDefaults {
     const val BrowseFavoriteCoverAlpha = 0.34f
 }
 
-private val ContinueReadingButtonSize = 38.dp
+private val ContinueReadingButtonSize = 32.dp
 private const val GridSelectedCoverAlpha = 0.76f
 
 /**
@@ -119,10 +119,10 @@ private fun BoxScope.CoverTextOverlay(
             .fillMaxWidth()
             .align(Alignment.BottomCenter),
     )
-    val endPadding = if (showContinueReadingButton) ContinueReadingButtonSize else 8.dp
+    val endPadding = if (showContinueReadingButton) ContinueReadingButtonSize else 0.dp
     GridItemTitle(
         modifier = Modifier
-            .padding(start = 8.dp, top = 8.dp, end = endPadding, bottom = 8.dp)
+            .padding(start = 8.dp, top = 8.dp, end = endPadding + 8.dp, bottom = 8.dp)
             .align(Alignment.BottomStart),
         title = title,
         style = MaterialTheme.typography.titleSmall.copy(
@@ -355,25 +355,25 @@ fun MangaListItem(
 private fun BoxScope.ContinueReadingButton(
     onClickContinueReading: () -> Unit,
 ) {
-    FilledIconButton(
-        onClick = {
-            onClickContinueReading()
-        },
+    Box(
         modifier = Modifier
-            .size(ContinueReadingButtonSize)
-            .padding(3.dp)
-            .align(Alignment.BottomEnd),
-        shape = MaterialTheme.shapes.small,
-        colors = IconButtonDefaults.filledIconButtonColors(
-            containerColor = MaterialTheme.colorScheme.primaryContainer,
-            contentColor = contentColorFor(MaterialTheme.colorScheme.primaryContainer),
-        ),
+            .align(Alignment.BottomEnd)
+            .padding(horizontal = 4.dp, vertical = 8.dp),
     ) {
-        Icon(
-            imageVector = Icons.Filled.PlayArrow,
-            contentDescription = "",
-            modifier = Modifier
-                .size(15.dp),
-        )
+        FilledIconButton(
+            onClick = onClickContinueReading,
+            modifier = Modifier.size(ContinueReadingButtonSize),
+            shape = MaterialTheme.shapes.small,
+            colors = IconButtonDefaults.filledIconButtonColors(
+                containerColor = MaterialTheme.colorScheme.primaryContainer.copy(alpha = 0.9f),
+                contentColor = contentColorFor(MaterialTheme.colorScheme.primaryContainer),
+            ),
+        ) {
+            Icon(
+                imageVector = Icons.Filled.PlayArrow,
+                contentDescription = "",
+                modifier = Modifier.size(16.dp),
+            )
+        }
     }
 }