watch: polish refresh status and compact live activity

FuelBoardWidgets/FuelBoardLiveActivityView.swift

@@ -147,9 +147,9 @@ private struct FuelBoardLiveActivityView: View {
     }
 
     /// Minimal strip for small space (CarPlay small / Watch smart stack):
-    /// fuel type + bold price on one line, station · distance below.
-    /// Deliberately no app name and no "Tap for directions" — CarPlay is
-    /// display-only, and the user's asks here are just fuel + price + distance.
+    /// fuel type + distance + bold price on one line, station name below.
+    /// Deliberately no app name and no full address — the watch-sized slot is
+    /// too tight, so the second line is reserved for the station name only.
     private var compactBody: some View {
         VStack(alignment: .leading, spacing: 3) {
             HStack(spacing: 5) {
@@ -157,16 +157,21 @@ private struct FuelBoardLiveActivityView: View {
                     .font(.caption.bold())
                     .lineLimit(1)
                 Spacer(minLength: 4)
+                Text(context.state.distanceText)
+                    .font(.caption2)
+                    .foregroundStyle(.secondary)
+                    .lineLimit(1)
+                Spacer(minLength: 4)
                 FuelStore.priceTextAttributed(context.state.pricePence,
                                                style: context.state.priceDisplayStyle,
                                                size: 15, weight: .bold)
                     .lineLimit(1)
             }
-            Text("\(context.state.stationName) · \(context.state.distanceText)")
-                .font(.system(size: 9))
+            Text(context.state.stationName)
+                .font(.system(size: 10, weight: .medium))
                 .foregroundStyle(.secondary)
                 .lineLimit(1)
-                .minimumScaleFactor(0.7)
+                .minimumScaleFactor(0.75)
                 .truncationMode(.tail)
         }
         .padding(8)