Merge pull request #15028 from woocommerce/issue/WOOMOB-1462-update-horizontal-dividers-on-filters

[Bookings] Update horizontal dividers on filters

Author: AdamGrzybkowski

WooCommerce/src/main/kotlin/com/woocommerce/android/ui/bookings/filter/BookingsFilterSelectionPage.kt

@@ -68,6 +68,6 @@ private fun SelectionRow(
                 )
             }
         }
-        HorizontalDivider(thickness = 0.5.dp)
+        HorizontalDivider(modifier = Modifier.padding(start = 16.dp), thickness = 0.5.dp)
     }
 }

WooCommerce/src/main/kotlin/com/woocommerce/android/ui/bookings/filter/productname/BookingServiceEventFilterPage.kt

@@ -5,13 +5,15 @@ import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.text.KeyboardOptions
+import androidx.compose.material3.HorizontalDivider
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.collectAsState
 import androidx.compose.runtime.getValue
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.res.dimensionResource
 import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.text.input.ImeAction
+import androidx.compose.ui.unit.dp
 import androidx.hilt.lifecycle.viewmodel.compose.hiltViewModel
 import com.woocommerce.android.R.dimen
 import com.woocommerce.android.R.string
@@ -54,6 +56,7 @@ fun BookingServiceEventFilterPage(state: BookingServiceEventFilterUiState) {
                 autoCorrectEnabled = false
             ),
         )
+        HorizontalDivider(thickness = 0.5.dp)
         BookingsFilterSelectionPage(items = state.items)
     }
 }

WooCommerce/src/main/kotlin/com/woocommerce/android/ui/bookings/filter/teammember/BookingTeamMemberFilterPage.kt

@@ -68,31 +68,31 @@ fun BookingTeamMemberFilterPageLoading(modifier: Modifier) {
                 .size(62.dp, 64.dp)
                 .padding(horizontal = 16.dp, vertical = 24.dp)
         )
-        HorizontalDivider(thickness = 0.5.dp)
+        HorizontalDivider(modifier = Modifier.padding(start = 16.dp), thickness = 0.5.dp)
         SkeletonView(
             modifier = Modifier
                 .size(175.dp, 64.dp)
                 .padding(horizontal = 16.dp, vertical = 24.dp)
         )
-        HorizontalDivider(thickness = 0.5.dp)
+        HorizontalDivider(modifier = Modifier.padding(start = 16.dp), thickness = 0.5.dp)
         SkeletonView(
             modifier = Modifier
                 .size(130.dp, 64.dp)
                 .padding(horizontal = 16.dp, vertical = 24.dp)
         )
-        HorizontalDivider(thickness = 0.5.dp)
+        HorizontalDivider(modifier = Modifier.padding(start = 16.dp), thickness = 0.5.dp)
         SkeletonView(
             modifier = Modifier
                 .size(167.dp, 64.dp)
                 .padding(horizontal = 16.dp, vertical = 24.dp)
         )
-        HorizontalDivider(thickness = 0.5.dp)
+        HorizontalDivider(modifier = Modifier.padding(start = 16.dp), thickness = 0.5.dp)
         SkeletonView(
             modifier = Modifier
                 .size(166.dp, 64.dp)
                 .padding(horizontal = 16.dp, vertical = 24.dp)
         )
-        HorizontalDivider(thickness = 0.5.dp)
+        HorizontalDivider(modifier = Modifier.padding(start = 16.dp), thickness = 0.5.dp)
     }
 }