From 2cd9e6d92d62af207cd6e062f2f9a7ae3e9a55c9 Mon Sep 17 00:00:00 2001
From: Tom Hicks <headhunter3@gmail.com>
Date: Sun, 21 Mar 2021 20:28:05 -0700
Subject: [PATCH] Adjusts the monster detail view so it makes better use of
 small screens.

---
 iOS/MonsterCards/Views/MonsterDetail.swift | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/iOS/MonsterCards/Views/MonsterDetail.swift b/iOS/MonsterCards/Views/MonsterDetail.swift
index 02705a7..bfed12c 100644
--- a/iOS/MonsterCards/Views/MonsterDetail.swift
+++ b/iOS/MonsterCards/Views/MonsterDetail.swift
@@ -8,6 +8,8 @@
 import SwiftUI
 
 struct LabeledField<Content: View>: View {
+    @Environment(\.horizontalSizeClass) var sizeClass
+    
     let content: Content
     let label: String
     
@@ -19,10 +21,18 @@ struct LabeledField<Content: View>: 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
+            }
         }
     }
 }