Fix padding and spacing of POS items (#15828)

Author: joshheald

WooCommerce/Classes/POS/Presentation/CartView.swift

@@ -162,7 +162,7 @@ private enum Constants {
     static let cartHeaderElementSpacing: CGFloat = POSSpacing.medium
     static let cartAnimation: Animation = .spring(duration: 0.2)
     static let checkoutButtonVerticalPadding: CGFloat = POSPadding.medium
-    static let cartItemSpacing: CGFloat = POSSpacing.small
+    static let cartItemSpacing: CGFloat = POSSpacing.medium
     static let cartLastItemBottomPadding: CGFloat = POSPadding.large
 }
 

WooCommerce/Classes/POS/Presentation/Item Selector/ItemList.swift

@@ -142,7 +142,7 @@ struct ItemList<HeaderView: View>: View {
 
 private enum Constants {
     static let itemListPadding: CGFloat = POSPadding.medium
-    static let itemSpacing: CGFloat = POSSpacing.small
+    static let itemSpacing: CGFloat = POSSpacing.medium
 }
 
 @available(iOS 17.0, *)

WooCommerce/Classes/POS/Presentation/PointOfSaleDashboardView.swift

@@ -119,7 +119,7 @@ struct PointOfSaleDashboardView: View {
     private var contentView: some View {
         @Bindable var viewStateCoordinator = viewStateCoordinator
         return GeometryReader { geometry in
-            HStack {
+            HStack(spacing: POSSpacing.none) {
                 if posModel.orderStage == .building {
                     ItemListView(selectedItemListType: $viewStateCoordinator.selectedItemListType,
                                  searchTerm: $viewStateCoordinator.searchTerm)