From 28241b7cedc2f61a8291cfe70def9f515218da2e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ernesto=20Carri=C3=B3n?= <ernesto.carrion@automattic.com>
Date: Wed, 23 Nov 2022 12:14:28 -0500
Subject: [PATCH] Adjust UI for landscape orientation

---
 .../Dashboard/Analytics Hub/AnalyticsHubView.swift    | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/WooCommerce/Classes/ViewRelated/Dashboard/Analytics Hub/AnalyticsHubView.swift b/WooCommerce/Classes/ViewRelated/Dashboard/Analytics Hub/AnalyticsHubView.swift
index 764e73af59e..2e0366c76b4 100644
--- a/WooCommerce/Classes/ViewRelated/Dashboard/Analytics Hub/AnalyticsHubView.swift	
+++ b/WooCommerce/Classes/ViewRelated/Dashboard/Analytics Hub/AnalyticsHubView.swift	
@@ -20,6 +20,9 @@ final class AnalyticsHubHostingViewController: UIHostingController<AnalyticsHubV
 ///
 struct AnalyticsHubView: View {
 
+    /// Environment safe areas
+    @Environment(\.safeAreaInsets) var safeAreaInsets: EdgeInsets
+
     @StateObject var viewModel: AnalyticsHubViewModel
 
     var body: some View {
@@ -29,6 +32,7 @@ struct AnalyticsHubView: View {
                     Divider()
                     Text("Placeholder for Time Range Selection")
                         .padding(.leading)
+                        .padding(.horizontal, insets: safeAreaInsets)
                         .frame(maxWidth: .infinity, minHeight: 84, alignment: .leading)
                         .background(Color(uiColor: .listForeground))
 
@@ -40,7 +44,8 @@ struct AnalyticsHubView: View {
                     Divider()
 
                     AnalyticsReportCard(viewModel: viewModel.revenueCard)
-                    .background(Color(uiColor: .listForeground))
+                        .padding(.horizontal, insets: safeAreaInsets)
+                        .background(Color(uiColor: .listForeground))
 
                     Divider()
                 }
@@ -49,7 +54,8 @@ struct AnalyticsHubView: View {
                     Divider()
 
                     AnalyticsReportCard(viewModel: viewModel.ordersCard)
-                    .background(Color(uiColor: .listForeground))
+                        .padding(.horizontal, insets: safeAreaInsets)
+                        .background(Color(uiColor: .listForeground))
 
                     Divider()
                 }
@@ -60,6 +66,7 @@ struct AnalyticsHubView: View {
         .navigationTitle(Localization.title)
         .navigationBarTitleDisplayMode(.inline)
         .background(Color(uiColor: .listBackground))
+        .edgesIgnoringSafeArea(.horizontal)
     }
 }