Settings scan cards: align with Volume Keys layout

Both Flic and External GPS scan sections now follow the Volume-Keys
shape: hint sits outside the card as small italic body text (left
aligned, default flow), action button sits inside the card and stretches
fillMaxWidth so the two scans look identical and the tap target is
unambiguous on every screen size.

Removes the centred-Column / intrinsic-button-width pattern that made
each integration look hand-styled relative to the rest of the
Integration tab.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

Author: eried

app/src/main/java/com/eried/eucplanet/ui/settings/ExternalGpsSection.kt

@@ -52,8 +52,9 @@ fun ExternalGpsSection(viewModel: ExternalGpsViewModel = hiltViewModel()) {
         SectionHeader(stringResource(R.string.section_external_gps))
 
         if (pairedAddress == null) {
-            // Not paired: scan card with start/stop and a list of discovered devices.
-            // Mirrors the Flic scan card so the two integrations read as one family.
+            // Match the Volume Keys / Flic layout: hint outside the card as small
+            // italic text, action button inside the card, full width.
+            HintText(stringResource(R.string.external_gps_caption), small = true)
             UnpairedExternalGpsCard(
                 scanning = scanning,
                 results = scanResults,
@@ -86,18 +87,13 @@ private fun UnpairedExternalGpsCard(
         colors = CardDefaults.cardColors(containerColor = MaterialTheme.colorScheme.surfaceVariant),
         shape = RoundedCornerShape(12.dp)
     ) {
-        // Mirrors the Flic scan card: centered column, hint above the button,
-        // intrinsic button width. Discovered devices appear as inset rows
-        // between the hint and the action button.
         Column(
             modifier = Modifier
                 .fillMaxWidth()
                 .padding(16.dp),
-            horizontalAlignment = Alignment.CenterHorizontally
+            verticalArrangement = Arrangement.spacedBy(8.dp)
         ) {
-            HintText(stringResource(R.string.external_gps_caption))
             results.forEach { result ->
-                Spacer(Modifier.height(8.dp))
                 Card(
                     colors = CardDefaults.cardColors(containerColor = MaterialTheme.colorScheme.surface),
                     shape = RoundedCornerShape(8.dp),
@@ -125,21 +121,20 @@ private fun UnpairedExternalGpsCard(
                 }
             }
             if (scanning && results.isEmpty()) {
-                Spacer(Modifier.height(8.dp))
-                HintText(stringResource(R.string.external_gps_no_results))
+                HintText(stringResource(R.string.external_gps_no_results), small = true)
             }
-            Spacer(Modifier.height(12.dp))
             if (scanning) {
-                CircularProgressIndicator(modifier = Modifier.padding(8.dp))
-                Spacer(Modifier.height(8.dp))
+                CircularProgressIndicator(modifier = Modifier.padding(vertical = 4.dp))
                 Button(
                     onClick = onStopScan,
+                    modifier = Modifier.fillMaxWidth(),
                     colors = ButtonDefaults.buttonColors(containerColor = AccentRed)
                 ) { Text(stringResource(R.string.external_gps_stop_scan)) }
             } else {
-                Button(onClick = onStartScan) {
-                    Text(stringResource(R.string.external_gps_pair_button))
-                }
+                Button(
+                    onClick = onStartScan,
+                    modifier = Modifier.fillMaxWidth()
+                ) { Text(stringResource(R.string.external_gps_pair_button)) }
             }
         }
     }

app/src/main/java/com/eried/eucplanet/ui/settings/SettingsScreen.kt

@@ -974,30 +974,33 @@ private fun FlicTab(
         }
 
         // Scan section — only shown when there's an empty slot to fill.
+        // Layout matches Volume Keys: hint sits outside the card as small italic
+        // body text, action button sits inside the card and stretches full width
+        // for an obvious tap target.
         val allSlotsFull = settings.flic1Address != null && settings.flic2Address != null &&
                 settings.flic3Address != null && settings.flic4Address != null
         if (!allSlotsFull) {
+            HintText(stringResource(R.string.flic_scan_hint), small = true)
             Card(
                 colors = CardDefaults.cardColors(containerColor = MaterialTheme.colorScheme.surfaceVariant),
                 shape = RoundedCornerShape(12.dp)
             ) {
                 Column(
-                    modifier = Modifier.padding(16.dp),
-                    horizontalAlignment = Alignment.CenterHorizontally
+                    modifier = Modifier.padding(16.dp).fillMaxWidth(),
+                    verticalArrangement = Arrangement.spacedBy(8.dp)
                 ) {
-                    HintText(stringResource(R.string.flic_scan_hint))
-                    Spacer(Modifier.height(12.dp))
                     if (scanning) {
-                        CircularProgressIndicator(modifier = Modifier.padding(8.dp))
-                        Spacer(Modifier.height(8.dp))
+                        CircularProgressIndicator(modifier = Modifier.padding(vertical = 4.dp))
                         Button(
                             onClick = { viewModel.stopScan() },
+                            modifier = Modifier.fillMaxWidth(),
                             colors = ButtonDefaults.buttonColors(containerColor = AccentRed)
                         ) { Text(stringResource(R.string.flic_stop_scan)) }
                     } else {
-                        Button(onClick = { viewModel.startScan() }) {
-                            Text(stringResource(R.string.flic_start_scan))
-                        }
+                        Button(
+                            onClick = { viewModel.startScan() },
+                            modifier = Modifier.fillMaxWidth()
+                        ) { Text(stringResource(R.string.flic_start_scan)) }
                     }
                 }
             }