Merge pull request #91795 from Expensify/claude-agentBannerUITweaks

fix: adjust agent promotional banner UI to match design mocks

Author: NicolasBonet

src/components/AgentPromotionalBanner.tsx

@@ -83,7 +83,7 @@ function AgentPromotionalBanner({title, subtitle, onDismiss, dismissSentryLabel,
         return (
             <Button
                 success
-                small
+                medium
                 text={ctaText}
                 onPress={onCtaPress}
                 sentryLabel={ctaSentryLabel}
@@ -97,8 +97,8 @@ function AgentPromotionalBanner({title, subtitle, onDismiss, dismissSentryLabel,
                 icon={illustrations.AiBot}
                 title={titleNode}
                 subtitle={subtitle}
-                subtitleStyle={[styles.mt1]}
-                style={[styles.borderRadiusComponentLarge, styles.gap4]}
+                subtitleStyle={[styles.mt1, styles.textLabel]}
+                style={[styles.borderRadiusComponentLarge]}
                 rightIcon={expensifyIcons.Close}
                 onRightIconPress={onDismiss}
                 rightIconAccessibilityLabel={translate('common.dismiss')}

src/pages/settings/Subscription/CardSection/BillingBanner/BillingBanner.tsx

@@ -75,7 +75,7 @@ function BillingBanner({
             return onRightIconPress && rightIconAccessibilityLabel ? (
                 <PressableWithoutFeedback
                     onPress={onRightIconPress}
-                    style={[styles.touchableButtonImage]}
+                    style={[styles.touchableButtonImage, styles.threeDotsMenuIconWidth]}
                     role={CONST.ROLE.BUTTON}
                     accessibilityLabel={rightIconAccessibilityLabel}
                     sentryLabel={rightIconSentryLabel ?? CONST.SENTRY_LABEL.BILLING_BANNER.RIGHT_ICON}
@@ -108,6 +108,7 @@ function BillingBanner({
         rightIconAccessibilityLabel,
         rightIconSentryLabel,
         styles.touchableButtonImage,
+        styles.threeDotsMenuIconWidth,
         theme.danger,
         theme.icon,
         theme.success,