[Woo POS][Design System] Update cash payment CTA bottom padding to respect safe area (#15169)

Author: jaclync

WooCommerce/Classes/POS/Presentation/PointOfSaleDashboardView.swift

@@ -33,7 +33,6 @@ struct PointOfSaleDashboardView: View {
                 case .content:
                     contentView
                         .accessibilitySortPriority(2)
-                        .ignoresSafeArea(edges: .bottom)
                 }
             } else {
                 PointOfSaleUnsupportedWidthView()
@@ -45,6 +44,7 @@ struct PointOfSaleDashboardView: View {
                                    showSupport: $showSupport,
                                    showDocumentation: $showDocumentation)
             .offset(x: Constants.floatingControlHorizontalOffset, y: -Constants.floatingControlVerticalOffset)
+            .padding(.bottom, Constants.floatingControlBottomPadding)
             .trackSize(size: $floatingSize)
             .accessibilitySortPriority(1)
             .renderedIf(posModel.itemsViewState.containerState != .loading)
@@ -100,7 +100,6 @@ struct PointOfSaleDashboardView: View {
                     CartView()
                         .accessibilitySortPriority(1)
                         .frame(width: geometry.size.width * Constants.cartWidth)
-                        .ignoresSafeArea(edges: .bottom)
                 }
 
                 if posModel.orderStage == .finalizing {
@@ -168,6 +167,7 @@ private extension PointOfSaleDashboardView {
         // For the moment we're just considering landscape for the POS mode
         // https://github.com/woocommerce/woocommerce-ios/issues/13251
         static let cartWidth: CGFloat = 0.35
+        static let floatingControlBottomPadding: CGFloat = 16
         static let floatingControlHorizontalOffset: CGFloat = 16
         static let floatingControlVerticalOffset: CGFloat = 0
         static let exitPOSSheetMaxWidth: CGFloat = 900.0

WooCommerce/Classes/POS/Presentation/TotalsView.swift

@@ -363,7 +363,7 @@ private extension TotalsView {
         static let pricesIdealWidth: CGFloat = 382
         static let verticalSpacing: CGFloat = 56
         static let buttonHorizontalPadding: CGFloat = 48
-        static let cashButtonBottomPadding: CGFloat = 24
+        static let cashButtonBottomPadding: CGFloat = 16
 
         static let totalsLineViewPadding: EdgeInsets = .init(top: 20, leading: 24, bottom: 20, trailing: 24)
         static let subtotalsVerticalSpacing: CGFloat = 8