Adds a background to prevent some details from being unreadable on white/light avatars.

app/src/main/res/layout/fragment_member_bottom_sheet.xml

@@ -13,28 +13,35 @@
         android:layout_width="match_parent"
         android:layout_height="200dp" />
 
-    <TextView
-        android:id="@+id/text_bottom_sheet_member_name"
-        style="@style/TextAppearance.AppCompat.Title"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:layout_marginStart="16dp"
-        android:textColor="@color/white"
-        app:layout_constraintBottom_toTopOf="@+id/text_bottom_sheet_member_username"
-        app:layout_constraintLeft_toLeftOf="parent"
-        tools:text="Ronald Perkins" />
-
-    <TextView
-        android:id="@+id/text_bottom_sheet_member_username"
-        style="@style/Sender.Name.TextView"
-        android:layout_width="wrap_content"
+    <LinearLayout
+        android:id="@+id/name_and_username_container"
+        android:layout_width="match_parent"
         android:layout_height="wrap_content"
-        android:layout_marginBottom="10dp"
-        android:layout_marginStart="16dp"
-        android:textColor="@color/white"
+        android:background="@color/colorBackgroundMemberContainer"
+        android:orientation="vertical"
+        android:paddingBottom="10dp"
+        android:paddingStart="16dp"
+        android:paddingTop="10dp"
         app:layout_constraintBottom_toBottomOf="@+id/image_bottom_sheet_avatar"
-        app:layout_constraintLeft_toLeftOf="parent"
-        tools:text="\@ronaldPerkins" />
+        app:layout_constraintLeft_toLeftOf="parent">
+
+        <TextView
+            android:id="@+id/text_bottom_sheet_member_name"
+            style="@style/TextAppearance.AppCompat.Title"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:textColor="@color/white"
+            tools:text="Ronald Perkins" />
+
+        <TextView
+            android:id="@+id/text_bottom_sheet_member_username"
+            style="@style/Sender.Name.TextView"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="5dp"
+            android:textColor="@color/white"
+            tools:text="\@ronaldPerkins" />
+    </LinearLayout>
 
     <TextView
         android:id="@+id/text_email_address"

app/src/main/res/values/colors.xml

@@ -25,6 +25,8 @@
 
     <color name="colorDim">#99000000</color>
 
+    <color name="colorBackgroundMemberContainer">#4D000000</color>
+
     <color name="white">#FFFFFFFF</color>
     <color name="black">#FF000000</color>
     <color name="red">#FFFF0000</color>