diff --git a/app/src/main/res/layout-land/profile_chooser_add_view.xml b/app/src/main/res/layout-land/profile_chooser_add_view.xml
index d88f39ecfaf..c8921f28044 100644
--- a/app/src/main/res/layout-land/profile_chooser_add_view.xml
+++ b/app/src/main/res/layout-land/profile_chooser_add_view.xml
@@ -11,7 +11,7 @@
type="androidx.databinding.ObservableField<Boolean>" />
-
@@ -26,40 +26,38 @@
android:gravity="center_horizontal"
android:orientation="vertical"
app:layoutMarginBottom="@{hasProfileEverBeenAddedValue ? @dimen/profile_view_already_added_margin : @dimen/profile_chooser_add_view_margin_bottom_profile_not_added}"
- app:layoutMarginTop="@{hasProfileEverBeenAddedValue ? @dimen/profile_chooser_add_view_margin_top_profile_already_added : @dimen/profile_chooser_add_view_margin_top_profile_not_added}">
+ app:layoutMarginTop="@{hasProfileEverBeenAddedValue ? @dimen/profile_chooser_add_view_margin_top_profile_already_added : @dimen/profile_chooser_add_view_margin_top_profile_not_added}"
+ app:layout_constraintEnd_toEndOf="parent"
+ app:layout_constraintStart_toStartOf="parent"
+ app:layout_constraintTop_toTopOf="parent">
+ android:textColor="@color/component_color_shared_secondary_4_text_color" />
-
+
diff --git a/app/src/main/res/layout-land/profile_chooser_profile_view.xml b/app/src/main/res/layout-land/profile_chooser_profile_view.xml
index 1a07343a5b0..82f0f8c9ba4 100644
--- a/app/src/main/res/layout-land/profile_chooser_profile_view.xml
+++ b/app/src/main/res/layout-land/profile_chooser_profile_view.xml
@@ -19,6 +19,7 @@
name="viewModel"
type="org.oppia.android.app.model.ProfileChooserUiModel" />
+
@@ -39,17 +40,18 @@
android:id="@+id/profile_avatar_img"
android:layout_width="72dp"
android:layout_height="72dp"
- android:layout_marginBottom="8dp"
- app:shapeAppearanceOverlay="@style/ShapeAppearanceOverlay.RoundedShape"
- app:strokeColor="@color/component_color_profile_chooser_activity_avatar_border_color"
app:strokeWidth="1dp"
- profile:src="@{viewModel.profile.avatar}" />
+ android:layout_marginBottom="8dp"
+ profile:src="@{viewModel.profile.avatar}"
+ app:strokeColor="@color/component_color_shared_divider_color"
+ app:shapeAppearanceOverlay="@style/ShapeAppearanceOverlay.RoundedShape" />
+
-
+
@@ -16,67 +16,64 @@
type="androidx.databinding.ObservableField<Boolean>" />
-
+ app:layoutMarginBottom="@{hasProfileEverBeenAddedValue ? @dimen/space_0dp : @dimen/space_0dp}">
+ app:strokeColor="@color/component_color_shared_divider_color"
+ app:layoutMarginTop="@{hasProfileEverBeenAddedValue ? @dimen/profile_chooser_add_view_circular_image_margin_top_profile_already_added : @dimen/space_0dp}"
+ app:srcCompat="@{@drawable/ic_add_profile}"
+ app:shapeAppearanceOverlay="@style/ShapeAppearanceOverlay.RoundedShape"/>
+ app:layoutMarginTop="@{hasProfileEverBeenAddedValue ? @dimen/profile_view_already_added_description_parent_margin_top : @dimen/space_0dp}">
-
+
diff --git a/app/src/main/res/layout-sw600dp-port/profile_chooser_add_view.xml b/app/src/main/res/layout-sw600dp-port/profile_chooser_add_view.xml
index 28e9c956051..e0f3e2e88c2 100644
--- a/app/src/main/res/layout-sw600dp-port/profile_chooser_add_view.xml
+++ b/app/src/main/res/layout-sw600dp-port/profile_chooser_add_view.xml
@@ -1,7 +1,7 @@
-
+
@@ -16,68 +16,63 @@
type="androidx.databinding.ObservableField<Boolean>" />
-
+ android:padding="@dimen/profile_chooser_profile_view_parent_padding">
+ app:srcCompat="@{@drawable/ic_add_profile}" />
+ app:layoutMarginTop="@{hasProfileEverBeenAddedValue ? @dimen/profile_view_already_added_description_parent_margin_top : @dimen/space_0dp}">
-
+
diff --git a/app/src/main/res/layout/profile_chooser_add_view.xml b/app/src/main/res/layout/profile_chooser_add_view.xml
index 4a9a29881a0..a9d528a2c4e 100644
--- a/app/src/main/res/layout/profile_chooser_add_view.xml
+++ b/app/src/main/res/layout/profile_chooser_add_view.xml
@@ -15,11 +15,9 @@
type="androidx.databinding.ObservableField<Boolean>" />
-
+ android:layout_height="wrap_content">
-
+ app:layoutMarginTop="@{hasProfileEverBeenAddedValue ? @dimen/space_0dp : @dimen/profile_chooser_add_view_margin_top_profile_not_added}"
+ app:layout_constraintEnd_toEndOf="parent"
+ app:layout_constraintStart_toStartOf="parent"
+ app:layout_constraintTop_toTopOf="parent">
+
+ app:strokeColor="@color/component_color_shared_divider_color"
+ app:shapeAppearanceOverlay="@style/ShapeAppearanceOverlay.RoundedShape"/>
+ app:layoutMarginTop="@{hasProfileEverBeenAddedValue ? @dimen/profile_view_already_added_description_parent_margin_top : @dimen/space_0dp}">
+ android:textColor="@color/component_color_shared_secondary_4_text_color" />
-
+
diff --git a/app/src/main/res/layout/profile_chooser_profile_view.xml b/app/src/main/res/layout/profile_chooser_profile_view.xml
index c36669d75ba..37b6e19c07d 100644
--- a/app/src/main/res/layout/profile_chooser_profile_view.xml
+++ b/app/src/main/res/layout/profile_chooser_profile_view.xml
@@ -19,6 +19,7 @@
name="viewModel"
type="org.oppia.android.app.model.ProfileChooserUiModel" />
+
+ app:strokeColor="@color/component_color_shared_divider_color"
+ app:shapeAppearanceOverlay="@style/ShapeAppearanceOverlay.RoundedShape"/>
+ android:paddingStart="@{hasProfileEverBeenAddedValue ? @dimen/space_0dp : @dimen/profile_chooser_description_margin_start_profile_not_added}"
+ android:paddingEnd="@{hasProfileEverBeenAddedValue ? @dimen/space_0dp : @dimen/profile_chooser_description_margin_end_profile_not_added}">
-
-
20dp
8dp
32dp
- 32dp
+ 24dp