fix: background color of padding of rows

Author: pmusolino

WooCommerce/Classes/ViewRelated/Inbox/Inbox.swift

@@ -18,13 +18,9 @@ struct Inbox: View {
                 InfiniteScrollList(isLoading: viewModel.shouldShowBottomActivityIndicator,
                                    loadAction: viewModel.onLoadNextPageAction) {
                     ForEach(viewModel.noteRowViewModels) { rowViewModel in
-                        if #available(iOS 15.0, *) {
-                            // In order to show full-width separator, the default list separator is hidden and a `Divider` is shown inside the row.
-                            InboxNoteRow(viewModel: rowViewModel)
-                        } else {
-                            InboxNoteRow(viewModel: rowViewModel)
-                        }
-                    }.background(Color(.listForeground))
+                        InboxNoteRow(viewModel: rowViewModel)
+                    }
+                    .background(Color(.listForeground))
                 }
             case .empty:
                 // TODO: 5954 - update empty state

WooCommerce/Classes/ViewRelated/Inbox/InboxNoteRow.swift

@@ -49,13 +49,9 @@ struct InboxNoteRow: View {
             }
                    .padding(Constants.defaultPadding)
 
-            if #available(iOS 15.0, *) {
-                // In order to show full-width separator, the default list separator is hidden and a `Divider` is shown inside the row.
-                Divider()
-                    .frame(height: Constants.dividerHeight)
-            }
+            Divider()
+                .frame(height: Constants.dividerHeight)
         }
-        .listRowInsets(.zero)
     }
 }
 

WooCommerce/Classes/ViewRelated/Orders/Order Creation/ProductsSection/AddProductToOrder.swift

@@ -21,7 +21,9 @@ struct AddProductToOrder: View {
                                        loadAction: viewModel.syncNextPage) {
                         ForEach(viewModel.productRows) { rowViewModel in
                             createProductRow(rowViewModel: rowViewModel)
+                                .padding(Constants.defaultPadding)
                             Divider().frame(height: Constants.dividerHeight)
+                                .padding(.leading, Constants.defaultPadding)
                         }
                     }
                                        .background(Color(.listForeground))
@@ -78,6 +80,7 @@ struct AddProductToOrder: View {
 private extension AddProductToOrder {
     enum Constants {
         static let dividerHeight: CGFloat = 1
+        static let defaultPadding: CGFloat = 16
     }
 
     enum Localization {

WooCommerce/Classes/ViewRelated/Orders/Order Creation/ProductsSection/AddProductVariationToOrder.swift

@@ -21,11 +21,13 @@ struct AddProductVariationToOrder: View {
                                    loadAction: viewModel.syncNextPage) {
                     ForEach(viewModel.productVariationRows) { rowViewModel in
                         ProductRow(viewModel: rowViewModel)
+                            .padding(Constants.defaultPadding)
                             .onTapGesture {
                                 viewModel.selectVariation(rowViewModel.productOrVariationID)
                                 isPresented.toggle()
                             }
                         Divider().frame(height: Constants.dividerHeight)
+                            .padding(.leading, Constants.defaultPadding)
                     }
                     .background(Color(.listForeground))
                 }
@@ -68,6 +70,7 @@ struct AddProductVariationToOrder: View {
 private extension AddProductVariationToOrder {
     enum Constants {
         static let dividerHeight: CGFloat = 1
+        static let defaultPadding: CGFloat = 16
     }
 
     enum Localization {