Android: Dax Dialogs - quick improvements on big screens

[cmonfortep]

Task/Issue URL: https://app.asana.com/0/0/1169355936992923/f
Tech Design URL: https://app.asana.com/0/0/1169315285491563/f
CC:

Description:
When making the new onboarding and Dax dialogs the new default experience, we noticed that the UI for some big screens (specially tablets) could be improved. To avoid delaying the release, we decided just to introduce a few quick improvements. Those include:

• introducing a max width of 600dp for all devices
• centering the dialog

Onboarding dialog

Intro dialog:

Dax dialog:

Steps to test this PR:

1. Fresh install on a big screen device -> use a tablet
2. Ensure this first dialog during the onboarding process is shown as the attached image
3. Navigate to the browser screen
4. Ensure intro dialog is shown as the attached image (test it in both modes portrait and landscape)
5. Visit a site to trigger any Dax dialog (cnn.com)
6. Ensure Dax dialog si shown as the attached image (test it in both modes portrait and landscape)

Additional test:

1. you can try running the same flow on a phone
2. Ensure everything looks as before, except for some devices in landscape mode where the same rules should apply (max 600dp and centered)

Side note: COVID Cta stays as it is right now.

---

Internal references:

Software Engineering Expectations
Technical Design Template

[malmstein]

tested on a nexus 9 looks good. just one comment about a dimension

[malmstein]

you are using this value 4 times, maybe it makes sense to extract as a dimension?

[cmonfortep]

Good point, I know they are the same number, but it's just because the same size worked well to constraint each dialog for the different screens. But there's no indication that if at some point we need to tweak one of those dialogs, the rest should change too. So they are not officially related between them.