ui: relayout settings logout

app/src/main/java/at/lockstep/player/ui/settings/SettingsScreen.kt

@@ -107,16 +107,23 @@ fun SettingsScreen(
                     onCheckedChange = { viewModel.setCollectRunData(it) },
                 )
             }
+            Column(
+                modifier =
+                    Modifier
+                        .fillMaxWidth()
+                        .padding(vertical = 8.dp),
+            ) {
                 Text(
-                text = context.getString(R.string.settings_stub_body),
-                style = MaterialTheme.typography.bodyLarge,
+                    text = context.getString(R.string.settings_logout_title),
+                    style = MaterialTheme.typography.titleMedium,
                 )
                 Text(
                     text = context.getString(R.string.settings_logout_spotify_help),
-                style = MaterialTheme.typography.bodyMedium,
+                    style = MaterialTheme.typography.bodySmall,
                     color = MaterialTheme.colorScheme.onSurfaceVariant,
                 )
                 Button(
+                    modifier = Modifier.padding(top = 12.dp),
                     onClick = { viewModel.logoutSpotifyAndRestartOnboarding() },
                     colors =
                         ButtonDefaults.buttonColors(
@@ -128,4 +135,5 @@ fun SettingsScreen(
                 }
             }
         }
+    }
 }

app/src/main/res/values/strings.xml

@@ -25,7 +25,7 @@
     <string name="library_open_playlist">Tap to play (or pair local MP3s)</string>
 
     <string name="settings_title">Settings</string>
-    <string name="settings_stub_body">More controls will land here in a later milestone.</string>
+    <string name="settings_logout_title">Logout</string>
     <string name="settings_logout_spotify">Sign out of Spotify</string>
     <string name="settings_logout_spotify_help">Clears your stored access token and returns to the welcome steps so you can log in again. Use this if the app gets HTTP 401 from the server.</string>
     <string name="settings_annotation_mode">Annotation mode</string>