Increased padding around content in views

This increased padding is roughly the same as the padding around native iOS components like lists, which makes it look a lot more uniform. The increased padding also makes everything feel a little less cramped.
This commit is contained in:
2026-01-28 00:13:10 -05:00
parent e761b7ab8a
commit 1902870e03
9 changed files with 46 additions and 29 deletions

View File

@@ -137,7 +137,7 @@ struct DetailView: View {
.font(.title3)
#endif
}
.padding(.bottom, 12)
.padding(.bottom, 16)
if let visitingChefs = location.visitingChefs, !visitingChefs.isEmpty {
VStack(alignment: .leading) {
Text("Today's Visiting Chefs")
@@ -172,7 +172,7 @@ struct DetailView: View {
Divider()
}
}
.padding(.bottom, 12)
.padding(.bottom, 16)
}
if let dailySpecials = location.dailySpecials, !dailySpecials.isEmpty {
VStack(alignment: .leading) {
@@ -189,7 +189,7 @@ struct DetailView: View {
Divider()
}
}
.padding(.bottom, 12)
.padding(.bottom, 16)
}
VStack(alignment: .leading) {
Text("Upcoming Hours")
@@ -209,16 +209,12 @@ struct DetailView: View {
Divider()
}
}
.padding(.bottom, 12)
.padding(.bottom, 16)
// Ideally I'd like this text to be justified to more effectively use the screen space.
Text(location.desc)
.font(.body)
.padding(.bottom, 10)
Text("IMPORTANT: Some locations' descriptions may refer to them as being cashless during certain hours. This is outdated information, as all RIT Dining locations are now cashless 24/7.")
.font(.callout)
.foregroundStyle(.secondary)
}
.padding(.horizontal, 8)
.padding(.horizontal, 16)
.toolbar {
ToolbarItemGroup(placement: .primaryAction) {
// Favorites toggle button.