Improve: More Rounded sections list

Add: Show Icon on install and cancel button

src/main/res/drawable/background_border.xml

@@ -1,4 +1,4 @@
 <?xml version="1.0" encoding="utf-8"?>
 <shape xmlns:android="http://schemas.android.com/apk/res/android">
-    <corners android:radius="@dimen/shape_medium_corner" />
+    <corners android:radius="@dimen/shape_large_corner" />
 </shape>

src/main/res/drawable/ic_cancel.xml

@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24"
+    android:tint="?attr/colorControlNormal">
+  <path
+      android:fillColor="@android:color/white"
+      android:pathData="M18.3,5.71c-0.39,-0.39 -1.02,-0.39 -1.41,0L12,10.59 7.11,5.7c-0.39,-0.39 -1.02,-0.39 -1.41,0 -0.39,0.39 -0.39,1.02 0,1.41L10.59,12 5.7,16.89c-0.39,0.39 -0.39,1.02 0,1.41 0.39,0.39 1.02,0.39 1.41,0L12,13.41l4.89,4.89c0.39,0.39 1.02,0.39 1.41,0 0.39,-0.39 0.39,-1.02 0,-1.41L13.41,12l4.89,-4.89c0.38,-0.38 0.38,-1.02 0,-1.4z"/>
+</vector>

src/main/res/layout/fragment.xml

@@ -20,8 +20,8 @@
             android:layout_width="match_parent"
             android:layout_height="?attr/collapsingToolbarLayoutLargeSize"
             app:contentScrim="@android:color/transparent"
-            app:titleCollapseMode="scale"
-            app:layout_scrollFlags="scroll|snap|exitUntilCollapsed">
+            app:layout_scrollFlags="scroll|snap|exitUntilCollapsed"
+            app:titleCollapseMode="scale">
 
             <com.google.android.material.appbar.MaterialToolbar
                 android:id="@+id/toolbar"

src/main/res/layout/product_header_item.xml

@@ -5,9 +5,7 @@
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
     android:orientation="vertical"
-    android:paddingStart="12dp"
     android:paddingTop="12dp"
-    android:paddingEnd="12dp"
     android:paddingBottom="4dp">
 
     <LinearLayout
@@ -15,6 +13,7 @@
         android:layout_height="wrap_content"
         android:gravity="center_vertical"
         android:orientation="horizontal"
+        android:paddingHorizontal="12dp"
         android:paddingBottom="8dp">
 
         <com.google.android.material.imageview.ShapeableImageView
@@ -56,8 +55,7 @@
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:orientation="vertical"
-        android:paddingStart="4dp"
-        android:paddingEnd="4dp"
+        android:paddingHorizontal="12dp"
         android:paddingBottom="4dp">
 
         <TextView
@@ -82,6 +80,8 @@
         android:id="@+id/action"
         android:layout_width="match_parent"
         android:layout_height="56dp"
-        app:shapeAppearanceOverlay="@style/Shape.Medium" />
+        android:layout_marginHorizontal="12dp"
+        app:iconGravity="textStart"
+        app:shapeAppearanceOverlay="@style/PillShapeAppearance" />
 
 </LinearLayout>

src/main/res/values/styles.xml

@@ -131,4 +131,9 @@
         <item name="cornerSize">@dimen/shape_large_corner</item>
     </style>
 
+    <style name="PillShapeAppearance">
+        <item name="cornerFamily">rounded</item>
+        <item name="cornerSize">50%</item>
+    </style>
+
 </resources>