diff --git a/MonsterCards/Views/MonsterDetail.swift b/MonsterCards/Views/MonsterDetail.swift index 02705a7..bfed12c 100644 --- a/MonsterCards/Views/MonsterDetail.swift +++ b/MonsterCards/Views/MonsterDetail.swift @@ -8,6 +8,8 @@ import SwiftUI struct LabeledField: View { + @Environment(\.horizontalSizeClass) var sizeClass + let content: Content let label: String @@ -19,10 +21,18 @@ struct LabeledField: View { } var body: some View { - HStack(alignment: .top) { - Text(label) - .fontWeight(.bold) - content + if (sizeClass == .compact) { + VStack(alignment: .leading) { + Text(label) + .fontWeight(.bold) + content + } + } else { + HStack(alignment: .top) { + Text(label) + .fontWeight(.bold) + content + } } } }