UI: Change AnonymousAuthFragment Layout

[EdNgulele]

Summary

This PR updates the layout of the AnonymousAuthFragment in order to match with the design of the other layouts (e.g: EmailPasswordFragment, GenericIdpFragment, etc)

Submission Checklist

• I read and followed the contribution guidelines
• All tests passed

Pending tasks

• Improve layout responsiveness to screen rotation. I noticed that most of the layouts don't respond well when the screen is rotated. I would be happy to work to fix this.

Preview

Before the change:

After the change

[thatfiredev]

LGTM.
Thanks for your contribution, @EdNgulele !

[thatfiredev]

I noticed that most of the layouts don't respond well when the screen is rotated. I would be happy to work to fix this.

@EdNgulele If it's a matter of changing some properties/constraints in the existing layouts to make them look good in landscape, I think it's doable.

[EdNgulele]

Alright @rosariopfernandes, I will be working on this. Thank you!

[samtstern]

Thank you for contributing! I have a question about the new choice of layouts, since we prefer to use ConstraintLayout rather than nested layouts when possible.

[samtstern]

Is there a reason why you chose to go with a LinearLayout as the top container but then have a ConstraintLayout nested within?

[thatfiredev]

I think most of our layouts are have been created like that 😅 :

quickstart-android/auth/app/src/main/res/layout/fragment_emailpassword.xml

Lines 1 to 24 in 0e5d584

	<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
	xmlns:tools="http://schemas.android.com/tools"
	xmlns:app="http://schemas.android.com/apk/res-auto"
	android:id="@+id/main_layout"
	android:layout_width="match_parent"
	android:layout_height="match_parent"
	android:background="@color/grey_100"
	android:orientation="vertical"
	android:weightSum="4">
	<ProgressBar
	android:id="@+id/progressBar"
	android:indeterminate="true"
	android:layout_width="match_parent"
	android:layout_height="wrap_content"
	android:visibility="invisible"
	style="?android:attr/progressBarStyleHorizontal"/>
	<LinearLayout
	android:layout_width="match_parent"
	android:layout_height="0dp"
	android:layout_weight="3"
	android:gravity="center_horizontal"
	android:orientation="vertical">

[EdNgulele]

Yes @rosariopfernandes, I was actually trying to follow the way the other layouts were created! 👌🏽

@samtstern if you prefer a different approach, I could find a way to minimize nested layouts (when possible). But this also means doing the same exercise with the other layouts as well. Which I will also be happy to do.

[samtstern]

@EdNgulele that's ok, we can leave it as-is!