Key sheet: padding on TOP + star cards

The two bottom cards (TOP, star) previously had no padding — their
background hugged the text. Add .padding(.horizontal, 14).padding(.vertical, 12),
matching (slightly exceeding) the RAG cards' vertical padding so the
info cards read as proper cards.
This commit is contained in:
FuelBoard Contributor
2026-08-16 09:48:33 +01:00
parent 86385d53a2
commit 87d66eae94
+4
View File
@@ -222,6 +222,8 @@ struct StationsView: View {
.font(.subheadline.weight(.semibold)) .font(.subheadline.weight(.semibold))
Spacer(minLength: 0) Spacer(minLength: 0)
} }
.padding(.horizontal, 14)
.padding(.vertical, 12)
.keyCardFill(color: .blue) .keyCardFill(color: .blue)
HStack(spacing: 12) { HStack(spacing: 12) {
Image(systemName: "star.fill") Image(systemName: "star.fill")
@@ -232,6 +234,8 @@ struct StationsView: View {
.font(.subheadline.weight(.semibold)) .font(.subheadline.weight(.semibold))
Spacer(minLength: 0) Spacer(minLength: 0)
} }
.padding(.horizontal, 14)
.padding(.vertical, 12)
.keyCardFill(color: .yellow) .keyCardFill(color: .yellow)
Text("Colours match each station's rating on the list") Text("Colours match each station's rating on the list")
.font(.footnote) .font(.footnote)