Merge pull request #14579 from woocommerce/issue/WOOMOB-12-enhance-selected-shipping-package-ui

[Shipping Labels] Enhance selected shipping package UI

Author: hichamboushaba

RELEASE-NOTES.txt

@@ -5,6 +5,7 @@
 -----
 - [Internal] Migration to POS specific product model [https://github.com/woocommerce/woocommerce-android/pull/14598]
 - [*] Enhance the shipping label creation screen by making the selected hazardous box tappable [https://github.com/woocommerce/woocommerce-android/pull/14576]
+- [*] Shipping Labels: Enhance selected package UI in the create shipping label flow [https://github.com/woocommerce/woocommerce-android/pull/14579]
 
 23.2
 -----

WooCommerce/src/main/kotlin/com/woocommerce/android/ui/orders/wooshippinglabels/WooShippingLabelCreationScreen.kt

@@ -49,6 +49,7 @@ import androidx.compose.runtime.rememberCoroutineScope
 import androidx.compose.runtime.setValue
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
 import androidx.compose.ui.platform.LocalContext
 import androidx.compose.ui.res.colorResource
 import androidx.compose.ui.res.dimensionResource
@@ -722,12 +723,10 @@ private fun PackageSelectionAvailableCard(
         Column(
             modifier = Modifier
                 .fillMaxWidth()
-                .border(
-                    width = 1.dp,
-                    color = colorResource(id = R.color.divider_color),
-                    shape = RoundedCornerShape(8.dp)
-                )
-                .padding(dimensionResource(id = R.dimen.major_125)),
+                .clip(RoundedCornerShape(8.dp))
+                .clickable(onClick = onSelectPackageClick)
+                .background(color = colorResource(R.color.light_colored_button_background))
+                .padding(16.dp),
         ) {
             Row(
                 verticalAlignment = Alignment.CenterVertically,