Fixed embedded card appearance

Author: franco-zalamena-iterable

iterableapi-ui/src/main/res/layout-v21/card_view.xml

@@ -14,6 +14,8 @@
     app:cardCornerRadius="8dp"
     app:cardElevation="0dp"
     android:background="@drawable/banner_card_border"
+    android:clipToOutline="true"
+    android:outlineProvider="background"
     android:orientation="vertical">
 
     <com.google.android.material.imageview.ShapeableImageView
@@ -26,7 +28,7 @@
         app:layout_constraintEnd_toEndOf="parent"
         app:layout_constraintStart_toStartOf="parent"
         app:layout_constraintTop_toTopOf="parent"
-        app:shapeAppearanceOverlay="@style/classCardStyle" />
+        />
 
     <LinearLayout
         android:id="@+id/embedded_message_text_container"
@@ -82,7 +84,8 @@
         android:orientation="horizontal"
         app:layout_constraintEnd_toEndOf="parent"
         app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintTop_toBottomOf="@id/embedded_message_text_container">
+        app:layout_constraintTop_toBottomOf="@id/embedded_message_text_container"
+        app:layout_constraintBottom_toBottomOf="parent">
 
         <com.google.android.material.button.MaterialButton
             android:id="@+id/embedded_message_first_button"

iterableapi-ui/src/main/res/layout/card_view.xml

@@ -14,6 +14,8 @@
     app:cardCornerRadius="8dp"
     app:cardElevation="0dp"
     android:background="@drawable/banner_card_border"
+    android:clipToOutline="true"
+    android:outlineProvider="background"
     android:orientation="vertical">
 
     <com.google.android.material.imageview.ShapeableImageView
@@ -26,7 +28,7 @@
         app:layout_constraintEnd_toEndOf="parent"
         app:layout_constraintStart_toStartOf="parent"
         app:layout_constraintTop_toTopOf="parent"
-        app:shapeAppearanceOverlay="@style/classCardStyle" />
+        />
 
     <LinearLayout
         android:id="@+id/embedded_message_text_container"
@@ -81,7 +83,8 @@
         android:orientation="horizontal"
         app:layout_constraintEnd_toEndOf="parent"
         app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintTop_toBottomOf="@id/embedded_message_text_container">
+        app:layout_constraintTop_toBottomOf="@id/embedded_message_text_container"
+        app:layout_constraintBottom_toBottomOf="parent">
 
         <com.google.android.material.button.MaterialButton
             android:id="@+id/embedded_message_first_button"