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:
@@ -222,6 +222,8 @@ struct StationsView: View {
|
||||
.font(.subheadline.weight(.semibold))
|
||||
Spacer(minLength: 0)
|
||||
}
|
||||
.padding(.horizontal, 14)
|
||||
.padding(.vertical, 12)
|
||||
.keyCardFill(color: .blue)
|
||||
HStack(spacing: 12) {
|
||||
Image(systemName: "star.fill")
|
||||
@@ -232,6 +234,8 @@ struct StationsView: View {
|
||||
.font(.subheadline.weight(.semibold))
|
||||
Spacer(minLength: 0)
|
||||
}
|
||||
.padding(.horizontal, 14)
|
||||
.padding(.vertical, 12)
|
||||
.keyCardFill(color: .yellow)
|
||||
Text("Colours match each station's rating on the list")
|
||||
.font(.footnote)
|
||||
|
||||
Reference in New Issue
Block a user