Refine ad attribution styling for native ads

Author: MihaiCristianCondrea

AGENTS.md

@@ -20,3 +20,4 @@ You are an experienced Android app developer.
 ## Native ads
 - Native ad XML layouts should wrap their content in a `MaterialCardView` with the ID `ad_card` using `@style/Widget.Material3.CardView.Outlined` and appropriate rounded corner overlays.
 - Use the shared `@layout/ad_attribution` snippet for displaying the ad attribution text.
+- Place the attribution include as the first child of the ad card and override its padding, background, or text color attributes to fit each layout.

app/src/main/res/drawable/bg_ad_attribution.xml

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
 <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
     <solid android:color="@android:color/transparent" />
-    <stroke android:width="1dp" android:color="?attr/colorPrimary" />
+    <stroke android:width="1dp" android:color="?attr/colorOutline" />
     <corners android:radius="4dp" />
 </shape>

app/src/main/res/drawable/bg_ad_attribution_large.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
+    <solid android:color="@android:color/transparent" />
+    <stroke android:width="1dp" android:color="?attr/colorOutline" />
+    <corners android:radius="8dp" />
+</shape>

app/src/main/res/drawable/bg_ad_attribution_small.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
+    <solid android:color="@android:color/transparent" />
+    <stroke android:width="1dp" android:color="?attr/colorPrimary" />
+    <corners android:radius="4dp" />
+</shape>

app/src/main/res/layout/ad_attribution.xml

@@ -7,5 +7,5 @@
     android:paddingHorizontal="4dp"
     android:paddingVertical="2dp"
     android:text="@string/ad"
-    android:textColor="?attr/colorPrimary"
+    android:textColor="?attr/colorOutline"
     android:textAppearance="@style/TextAppearance.Material3.LabelSmall" />

app/src/main/res/layout/large_home_banner_native_ad.xml

@@ -5,19 +5,26 @@
     android:layout_height="wrap_content">
 
     <com.google.android.material.card.MaterialCardView
+        android:id="@+id/ad_card"
         style="@style/Widget.Material3.CardView.Outlined"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         app:cardCornerRadius="24dp">
 
+        <include
+            layout="@layout/ad_attribution"
+            android:layout_margin="16dp"
+            android:layout_gravity="top|start"
+            android:background="@drawable/bg_ad_attribution_large"
+            android:paddingHorizontal="8dp"
+            android:paddingVertical="4dp" />
+
         <LinearLayout
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
             android:layout_margin="16dp"
             android:orientation="vertical">
 
-            <include layout="@layout/ad_attribution" />
-
             <com.google.android.material.card.MaterialCardView
                 style="@style/Widget.Material3.CardView.Filled"
                 android:layout_width="match_parent"

app/src/main/res/layout/small_home_banner_native_ad.xml

@@ -20,7 +20,12 @@
             android:orientation="vertical"
             android:padding="16dp">
 
-            <include layout="@layout/ad_attribution" />
+            <include
+                layout="@layout/ad_attribution"
+                android:background="@drawable/bg_ad_attribution_small"
+                android:paddingHorizontal="4dp"
+                android:paddingVertical="2dp"
+                android:textColor="?attr/colorPrimary" />
 
             <LinearLayout
                 android:layout_width="match_parent"