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))
|
.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)
|
||||||
|
|||||||
Reference in New Issue
Block a user