From 865366e7550210b3ab74a9daccecb58e0a18b06f Mon Sep 17 00:00:00 2001
From: austinried <4966622+austinried@users.noreply.github.com>
Date: Fri, 25 Sep 2026 04:58:46 +0000
Subject: [PATCH] line up the tab bar at 8dp, put the gear beside the tabs with
 a divider

---
 .../com/subtracks/ui/library/LibraryScreen.kt | 19 ++++++++++++++++---
 1 file changed, 16 insertions(+), 3 deletions(-)

diff --git a/app/src/main/kotlin/com/subtracks/ui/library/LibraryScreen.kt b/app/src/main/kotlin/com/subtracks/ui/library/LibraryScreen.kt
index 6469d4d0..7658ebc6 100644
--- a/app/src/main/kotlin/com/subtracks/ui/library/LibraryScreen.kt
+++ b/app/src/main/kotlin/com/subtracks/ui/library/LibraryScreen.kt
@@ -689,7 +689,7 @@ private fun LibraryTabs(
                 Modifier
                     .fillMaxWidth()
                     .background(headerColor)
-                    .padding(6.dp),
+                    .padding(8.dp),
         ) {
             Box(
                 modifier =
@@ -728,18 +728,31 @@ private fun LibraryTabs(
                                 },
                         )
                     }
-                    Spacer(Modifier.weight(1f))
+                    Box(
+                        Modifier
+                            .width(1.dp)
+                            .height(24.dp)
+                            .background(MaterialTheme.colorScheme.onBackground.copy(alpha = 0.2f)),
+                    )
                     if (syncing) {
                         CircularProgressIndicator(
                             modifier = Modifier.padding(end = 4.dp).size(20.dp),
                             strokeWidth = 2.dp,
                         )
                     }
-                    IconButton(onClick = onOpenSettings) {
+                    Box(
+                        modifier =
+                            Modifier
+                                .size(36.dp)
+                                .clip(CircleShape)
+                                .clickable(onClick = onOpenSettings),
+                        contentAlignment = Alignment.Center,
+                    ) {
                         Icon(
                             imageVector = Icons.Rounded.Settings,
                             contentDescription = "Settings",
                             tint = MaterialTheme.colorScheme.onBackground,
+                            modifier = Modifier.size(24.dp),
                         )
                     }
                 }