Leo - AI Title - Icon + Text stacking

[aguscruiz]

Description:

The intro text for each AI model should be stacked with the icon, instead of them being side by side.

Steps to Reproduce

1. Open Leo on iOS
2. See first intro card

Actual result:

Expected result:

Design
https://www.figma.com/file/h7fKSJF2P556bZWfyLTfwD/Leo-MVP?type=design&node-id=6511%3A108804&mode=design&t=rDHbigSNNb6UsjCo-1

Reproduces how often: [Easily reproduced, Intermittent Issue]

Brave Version:

• Can you reproduce this issue with the most recent build from TestFlight?
• Can you reproduce this issue with the previous version of the current build from TestFlight?
• Can you reproduce this issue with the current build from AppStore?

Device details:

Website problems only:

• Does the issue resolve itself when disabling Brave Shields?
• Is the issue reproducible on the latest version of Mobile Safari?

Additional Information

[kjozwiak]

The above requires 1.65.128 or higher for 1.65.x verification 👍

[hffvld]

Verified on iPhone 14 and iPad Air using version(s):

Device/OS: 
- iPhone 14 / iOS 17.5
- iPad Air / iPadOS 16.7.2
Brave build: 1.66 (108)
BraveCore: 1.66.108 (125.0.6422.41)

---

STEPS:

1. Launch Brave
2. Open Leo > Verfiy

ACTUAL RESULTS:

• Verified that the intro text for any AI model is stacked with the icon, instead of being side by side
• Verified the same in Portrait & Landscape modes and Dark & Light themes

---

iPhone 14

1	2

iPad Air

1	2