migrate to CardView in contact and muc details

2 files changed, 349 insertions, 337 deletions

diff --git a/src/main/res/layout/activity_contact_details.xml b/src/main/res/layout/activity_contact_details.xml
index 031110bea..d5a4f098e 100644
--- a/src/main/res/layout/activity_contact_details.xml
+++ b/src/main/res/layout/activity_contact_details.xml
@@ -10,213 +10,216 @@
         android:layout_height="wrap_content"
         android:orientation="vertical">
 
-        <RelativeLayout
-            android:layout_width="fill_parent"
+        <android.support.v7.widget.CardView
+            android:layout_width="match_parent"
             android:layout_height="wrap_content"
             android:layout_marginBottom="@dimen/activity_vertical_margin"
             android:layout_marginLeft="@dimen/activity_horizontal_margin"
             android:layout_marginRight="@dimen/activity_horizontal_margin"
-            android:layout_marginTop="@dimen/activity_vertical_margin"
-            android:background="@drawable/infocard_border"
-            android:padding="@dimen/infocard_padding">
-
-            <android.support.text.emoji.widget.EmojiTextView
-                android:id="@+id/contact_display_name"
-                android:layout_width="wrap_content"
-                android:layout_height="wrap_content"
-                android:layout_gravity="center_horizontal"
-                android:text="@string/contact"
-                android:textColor="@color/black87"
-                android:textIsSelectable="false"
-                android:textSize="?attr/TextSizeHeadline"
-                android:textStyle="bold"
-                android:paddingBottom="5dp"
-                android:textAlignment="center"
-                android:layout_alignParentTop="true"
-                android:layout_centerHorizontal="true" />
-
-            <QuickContactBadge
-                android:id="@+id/details_contact_badge"
-                android:layout_width="wrap_content"
-                android:layout_height="wrap_content"
-                android:adjustViewBounds="true"
-                android:background="@drawable/message_border"
-                android:maxHeight="384dp"
-                android:maxWidth="384dp"
-                android:padding="1dp"
-                android:layout_below="@+id/contact_display_name"
-                android:layout_centerHorizontal="true" />
+            android:layout_marginTop="@dimen/activity_vertical_margin">
 
-            <LinearLayout
-                android:id="@+id/details_jidbox"
-                android:layout_width="wrap_content"
+            <RelativeLayout
+                android:layout_width="match_parent"
                 android:layout_height="wrap_content"
-                android:layout_alignParentEnd="true"
-                android:layout_alignParentLeft="true"
-                android:layout_alignParentRight="true"
-                android:layout_alignParentStart="true"
-                android:layout_below="@+id/details_contact_badge"
-                android:layout_marginTop="16dp"
-                android:orientation="vertical">
+                android:padding="@dimen/infocard_padding">
 
-                <TextView
-                    android:id="@+id/details_contactjid"
+                <android.support.text.emoji.widget.EmojiTextView
+                    android:id="@+id/contact_display_name"
                     android:layout_width="wrap_content"
                     android:layout_height="wrap_content"
+                    android:layout_alignParentTop="true"
+                    android:layout_centerHorizontal="true"
                     android:layout_gravity="center_horizontal"
-                    android:text="@string/account_settings_example_jabber_id"
+                    android:paddingBottom="5dp"
+                    android:text="@string/contact"
+                    android:textAlignment="center"
                     android:textColor="@color/black87"
-                    android:textIsSelectable="true"
+                    android:textIsSelectable="false"
                     android:textSize="?attr/TextSizeHeadline"
-                    android:textStyle="bold"
-                    android:visibility="gone" />
-
-                <com.wefika.flowlayout.FlowLayout
-                    android:id="@+id/tags"
-                    android:layout_width="wrap_content"
-                    android:layout_height="wrap_content"
-                    android:layout_gravity="center_horizontal"
-                    android:layout_marginBottom="4dp"
-                    android:layout_marginLeft="-2dp"
-                    android:layout_marginTop="4dp"
-                    android:orientation="horizontal">
-                </com.wefika.flowlayout.FlowLayout>
-
-                <TextView
-                    android:id="@+id/details_lastseen"
-                    android:layout_width="wrap_content"
-                    android:layout_height="wrap_content"
-                    android:layout_gravity="center_horizontal"
-                    android:textColor="@color/black54"
-                    android:textSize="?attr/TextSizeBody"
-                    android:layout_marginBottom="4dp"
-                    android:layout_marginTop="4dp" />
-
-                <android.support.text.emoji.widget.EmojiTextView
-                    android:id="@+id/status_message"
-                    android:layout_width="wrap_content"
-                    android:layout_height="wrap_content"
-                    android:layout_gravity="center_horizontal"
-                    android:layout_marginTop="4dp"
-                    android:gravity="center_horizontal"
-                    android:textColor="@color/black54"
-                    android:textSize="?attr/TextSizeBody"
-                    android:textStyle="italic"
-                    android:layout_marginBottom="4dp" />
-
-                <android.support.text.emoji.widget.EmojiTextView
-                    android:id="@+id/resource"
-                    android:layout_width="wrap_content"
-                    android:layout_height="wrap_content"
-                    android:layout_gravity="center_horizontal"
-                    android:layout_marginTop="4dp"
-                    android:gravity="center_horizontal"
-                    android:textColor="@color/black54"
-                    android:textSize="?attr/TextSizeBody"
-                    android:textStyle="italic"
-                    android:layout_marginBottom="4dp" />
+                    android:textStyle="bold" />
 
-                <Button
-                    android:id="@+id/add_contact_button"
+                <QuickContactBadge
+                    android:id="@+id/details_contact_badge"
                     android:layout_width="wrap_content"
                     android:layout_height="wrap_content"
-                    android:layout_alignParentTop="true"
+                    android:layout_below="@+id/contact_display_name"
                     android:layout_centerHorizontal="true"
-                    android:layout_gravity="center_horizontal"
-                    android:text="@string/add_contact"
-                    android:layout_marginBottom="4dp"
-                    android:layout_marginTop="4dp" />
+                    android:adjustViewBounds="true"
+                    android:background="@drawable/message_border"
+                    android:maxHeight="384dp"
+                    android:maxWidth="384dp"
+                    android:padding="1dp"
+                    android:scaleType="centerCrop" />
 
-                <CheckBox
-                    android:id="@+id/details_send_presence"
+                <LinearLayout
+                    android:id="@+id/details_jidbox"
                     android:layout_width="wrap_content"
                     android:layout_height="wrap_content"
+                    android:layout_alignParentEnd="true"
                     android:layout_alignParentLeft="true"
+                    android:layout_alignParentRight="true"
                     android:layout_alignParentStart="true"
-                    android:layout_below="@+id/add_contact_button"
-                    android:text="@string/send_presence_updates"
-                    android:textColor="@color/black87"
-                    android:textSize="?attr/TextSizeBody"
-                    android:layout_marginTop="4dp" />
+                    android:layout_below="@+id/details_contact_badge"
+                    android:layout_marginTop="16dp"
+                    android:orientation="vertical">
+
+                    <TextView
+                        android:id="@+id/details_contactjid"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_gravity="center_horizontal"
+                        android:text="@string/account_settings_example_jabber_id"
+                        android:textColor="?attr/color_text_primary"
+                        android:textIsSelectable="true"
+                        android:textSize="?attr/TextSizeHeadline"
+                        android:textStyle="bold"
+                        android:visibility="gone" />
+
+                    <com.wefika.flowlayout.FlowLayout
+                        android:id="@+id/tags"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_gravity="center_horizontal"
+                        android:layout_marginBottom="4dp"
+                        android:layout_marginLeft="-2dp"
+                        android:layout_marginTop="4dp"
+                        android:orientation="horizontal"></com.wefika.flowlayout.FlowLayout>
+
+                    <TextView
+                        android:id="@+id/details_lastseen"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_gravity="center_horizontal"
+                        android:layout_marginBottom="4dp"
+                        android:layout_marginTop="4dp"
+                        android:textColor="?attr/color_text_primary"
+                        android:textSize="?attr/TextSizeBody" />
+
+                    <android.support.text.emoji.widget.EmojiTextView
+                        android:id="@+id/status_message"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_gravity="center_horizontal"
+                        android:layout_marginBottom="4dp"
+                        android:layout_marginTop="4dp"
+                        android:gravity="center_horizontal"
+                        android:textColor="?attr/color_text_primary"
+                        android:textSize="?attr/TextSizeBody"
+                        android:textStyle="italic" />
+
+                    <android.support.text.emoji.widget.EmojiTextView
+                        android:id="@+id/resource"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_gravity="center_horizontal"
+                        android:layout_marginBottom="4dp"
+                        android:layout_marginTop="4dp"
+                        android:gravity="center_horizontal"
+                        android:textColor="?attr/color_text_primary"
+                        android:textSize="?attr/TextSizeBody"
+                        android:textStyle="italic" />
+
+                    <Button
+                        android:id="@+id/add_contact_button"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_alignParentTop="true"
+                        android:layout_centerHorizontal="true"
+                        android:layout_gravity="center_horizontal"
+                        android:layout_marginBottom="4dp"
+                        android:layout_marginTop="4dp"
+                        android:text="@string/add_contact" />
+
+                    <CheckBox
+                        android:id="@+id/details_send_presence"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_alignParentLeft="true"
+                        android:layout_alignParentStart="true"
+                        android:layout_below="@+id/add_contact_button"
+                        android:layout_marginTop="4dp"
+                        android:text="@string/send_presence_updates"
+                        android:textColor="?attr/color_text_primary"
+                        android:textSize="?attr/TextSizeBody" />
+
+                    <CheckBox
+                        android:id="@+id/details_receive_presence"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_alignParentLeft="true"
+                        android:layout_alignParentStart="true"
+                        android:layout_below="@+id/details_send_presence"
+                        android:text="@string/receive_presence_updates"
+                        android:textColor="?attr/color_text_primary"
+                        android:textSize="?attr/TextSizeBody" />
 
-                <CheckBox
-                    android:id="@+id/details_receive_presence"
+                </LinearLayout>
+
+                <TextView
+                    android:id="@+id/details_account"
                     android:layout_width="wrap_content"
                     android:layout_height="wrap_content"
-                    android:layout_alignParentLeft="true"
-                    android:layout_alignParentStart="true"
-                    android:layout_below="@+id/details_send_presence"
-                    android:text="@string/receive_presence_updates"
-                    android:textColor="@color/black87"
-                    android:textSize="?attr/TextSizeBody" />
-
-            </LinearLayout>
+                    android:layout_alignParentRight="true"
+                    android:layout_below="@+id/details_jidbox"
+                    android:layout_marginTop="32dp"
+                    android:text="@string/using_account"
+                    android:textColor="@color/black54"
+                    android:textSize="?attr/TextSizeInfo"
+                    android:visibility="gone" />
+            </RelativeLayout>
+        </android.support.v7.widget.CardView>
 
-            <TextView
-                android:id="@+id/details_account"
-                android:layout_width="wrap_content"
-                android:layout_height="wrap_content"
-                android:layout_alignParentRight="true"
-                android:layout_below="@+id/details_jidbox"
-                android:layout_marginTop="32dp"
-                android:text="@string/using_account"
-                android:textColor="@color/black54"
-                android:textSize="?attr/TextSizeInfo"
-                android:visibility="gone" />
-        </RelativeLayout>
-
-        <RelativeLayout
-            android:layout_width="fill_parent"
+        <android.support.v7.widget.CardView
+            android:layout_width="match_parent"
             android:layout_height="wrap_content"
             android:layout_marginBottom="@dimen/activity_vertical_margin"
             android:layout_marginLeft="@dimen/activity_horizontal_margin"
             android:layout_marginRight="@dimen/activity_horizontal_margin"
-            android:layout_marginTop="@dimen/activity_vertical_margin"
-            android:background="@drawable/infocard_border"
-            android:padding="@dimen/infocard_padding">
+            android:layout_marginTop="@dimen/activity_vertical_margin">
 
             <RelativeLayout
                 android:layout_width="fill_parent"
                 android:layout_height="wrap_content"
-                android:touchscreenBlocksFocus="true"
                 android:layout_alignParentLeft="true"
-                android:layout_alignParentStart="true" >
+                android:layout_alignParentStart="true"
+                android:background="@drawable/infocard_border"
+                android:padding="@dimen/infocard_padding"
+                android:touchscreenBlocksFocus="true">
 
                 <TextView
                     android:id="@+id/notification_status_text"
                     android:layout_width="wrap_content"
                     android:layout_height="wrap_content"
-                    android:text="@string/notify_on_all_messages"
+                    android:layout_alignParentLeft="true"
                     android:layout_centerVertical="true"
+                    android:layout_toLeftOf="@+id/notification_status_button"
+                    android:text="@string/notify_on_all_messages"
                     android:textColor="@color/black87"
-                    android:textSize="?attr/TextSizeBody"
-                    android:layout_alignParentLeft="true"
-                    android:layout_toLeftOf="@+id/notification_status_button" />
+                    android:textSize="?attr/TextSizeBody" />
 
                 <ImageButton
                     android:id="@+id/notification_status_button"
                     style="?android:attr/buttonStyleSmall"
                     android:layout_width="wrap_content"
                     android:layout_height="wrap_content"
-                    android:layout_gravity="center_horizontal"
                     android:layout_alignParentRight="true"
                     android:layout_centerVertical="true"
+                    android:layout_gravity="center_horizontal"
                     android:background="?android:selectableItemBackground"
                     android:padding="@dimen/image_button_padding"
                     android:src="@drawable/ic_notifications_grey600_24dp" />
             </RelativeLayout>
 
-        </RelativeLayout>
+        </android.support.v7.widget.CardView>
 
-        <LinearLayout
+        <android.support.v7.widget.CardView
             android:id="@+id/keys_wrapper"
-            android:layout_width="fill_parent"
+            android:layout_width="match_parent"
             android:layout_height="wrap_content"
             android:layout_marginBottom="@dimen/activity_vertical_margin"
             android:layout_marginLeft="@dimen/activity_horizontal_margin"
             android:layout_marginRight="@dimen/activity_horizontal_margin"
             android:layout_marginTop="@dimen/activity_vertical_margin"
-            android:background="@drawable/infocard_border"
             android:orientation="vertical"
             android:padding="@dimen/infocard_padding">
 
@@ -231,8 +234,7 @@
                     android:layout_height="wrap_content"
                     android:divider="?android:dividerHorizontal"
                     android:orientation="vertical"
-                    android:showDividers="middle">
-                </LinearLayout>
+                    android:showDividers="middle"></LinearLayout>
 
                 <Button
                     android:id="@+id/show_inactive_devices"
@@ -244,7 +246,6 @@
                     android:text="@string/show_inactive_devices"
                     android:textColor="@color/accent" />
             </LinearLayout>
-        </LinearLayout>
+        </android.support.v7.widget.CardView>
     </LinearLayout>
-
 </ScrollView>
diff --git a/src/main/res/layout/activity_muc_details.xml b/src/main/res/layout/activity_muc_details.xml
index ac49a28c3..3196693e1 100644
--- a/src/main/res/layout/activity_muc_details.xml
+++ b/src/main/res/layout/activity_muc_details.xml
@@ -11,114 +11,120 @@
         android:layout_height="wrap_content"
         android:orientation="vertical">
 
-        <LinearLayout
-            android:layout_width="fill_parent"
+        <android.support.v7.widget.CardView
+            android:layout_width="match_parent"
             android:layout_height="wrap_content"
             android:layout_marginBottom="@dimen/activity_vertical_margin"
             android:layout_marginLeft="@dimen/activity_horizontal_margin"
             android:layout_marginRight="@dimen/activity_horizontal_margin"
             android:layout_marginTop="@dimen/activity_vertical_margin"
-            android:background="@drawable/infocard_border"
             android:orientation="vertical"
             android:padding="@dimen/infocard_padding">
 
-            <android.support.text.emoji.widget.EmojiTextView
-                android:id="@+id/conference_name"
-                android:layout_width="wrap_content"
-                android:layout_height="wrap_content"
-                android:layout_gravity="center_horizontal"
-                android:text="@string/conference_subject"
-                android:textColor="@color/black87"
-                android:textIsSelectable="false"
-                android:textSize="?attr/TextSizeHeadline"
-                android:textStyle="bold"
-                android:paddingBottom="5dp"
-                android:textAlignment="center"
-                android:layout_alignParentTop="true"
-                android:layout_centerHorizontal="true" />
-
-            <RelativeLayout
-                android:layout_width="fill_parent"
+            <LinearLayout
+                android:layout_width="match_parent"
                 android:layout_height="wrap_content"
-                android:id="@+id/muc_settings">
+                android:orientation="vertical"
+                android:padding="@dimen/infocard_padding">
 
-                <TextView
-                    android:id="@+id/muc_conference_type"
+                <android.support.text.emoji.widget.EmojiTextView
+                    android:id="@+id/conference_name"
                     android:layout_width="wrap_content"
                     android:layout_height="wrap_content"
-                    android:layout_alignParentLeft="true"
-                    android:layout_centerVertical="true"
-                    android:layout_toLeftOf="@+id/change_conference_button"
-                    android:text="@string/private_conference"
+                    android:layout_alignParentTop="true"
+                    android:layout_centerHorizontal="true"
+                    android:layout_gravity="center_horizontal"
+                    android:paddingBottom="5dp"
+                    android:text="@string/conference_subject"
+                    android:textAlignment="center"
                     android:textColor="@color/black87"
-                    android:textSize="?attr/TextSizeBody" />
+                    android:textIsSelectable="false"
+                    android:textSize="?attr/TextSizeHeadline"
+                    android:textStyle="bold" />
 
-                <ImageButton
-                    android:id="@+id/change_conference_button"
-                    style="?android:attr/buttonStyleSmall"
-                    android:layout_width="wrap_content"
-                    android:layout_height="wrap_content"
-                    android:layout_alignParentRight="true"
-                    android:layout_centerVertical="true"
-                    android:layout_gravity="center_horizontal"
-                    android:background="?android:selectableItemBackground"
-                    android:padding="@dimen/image_button_padding"
-                    android:src="?attr/icon_settings" />
-            </RelativeLayout>
+                <RelativeLayout
+                    android:id="@+id/muc_settings"
+                    android:layout_width="fill_parent"
+                    android:layout_height="wrap_content">
+
+                    <TextView
+                        android:id="@+id/muc_conference_type"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_alignParentLeft="true"
+                        android:layout_centerVertical="true"
+                        android:layout_toLeftOf="@+id/change_conference_button"
+                        android:text="@string/private_conference"
+                        android:textColor="@color/black87"
+                        android:textSize="?attr/TextSizeBody" />
+
+                    <ImageButton
+                        android:id="@+id/change_conference_button"
+                        style="?android:attr/buttonStyleSmall"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_alignParentRight="true"
+                        android:layout_centerVertical="true"
+                        android:layout_gravity="center_horizontal"
+                        android:background="?android:selectableItemBackground"
+                        android:padding="@dimen/image_button_padding"
+                        android:src="?attr/icon_settings" />
+                </RelativeLayout>
+
+                <RelativeLayout
+                    android:layout_width="fill_parent"
+                    android:layout_height="wrap_content">
+
+                    <TextView
+                        android:id="@+id/notification_status_text"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_alignParentLeft="true"
+                        android:layout_centerVertical="true"
+                        android:layout_toLeftOf="@+id/notification_status_button"
+                        android:text="@string/notify_on_all_messages"
+                        android:textColor="@color/black87"
+                        android:textSize="?attr/TextSizeBody" />
 
-            <RelativeLayout
-                android:layout_width="fill_parent"
-                android:layout_height="wrap_content">
+                    <ImageButton
+                        android:id="@+id/notification_status_button"
+                        style="?android:attr/buttonStyleSmall"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_alignParentRight="true"
+                        android:layout_centerVertical="true"
+                        android:layout_gravity="center_horizontal"
+                        android:background="?android:selectableItemBackground"
+                        android:padding="@dimen/image_button_padding"
+                        android:src="@drawable/ic_notifications_grey600_24dp" />
+                </RelativeLayout>
 
                 <TextView
-                    android:id="@+id/notification_status_text"
+                    android:id="@+id/details_account"
                     android:layout_width="wrap_content"
                     android:layout_height="wrap_content"
-                    android:text="@string/notify_on_all_messages"
-                    android:layout_centerVertical="true"
-                    android:textColor="@color/black87"
-                    android:textSize="?attr/TextSizeBody"
-                    android:layout_alignParentLeft="true"
-                    android:layout_toLeftOf="@+id/notification_status_button" />
+                    android:layout_gravity="right"
+                    android:layout_marginTop="32dp"
+                    android:text="@string/using_account"
+                    android:textColor="@color/black54"
+                    android:textSize="?attr/TextSizeInfo"
+                    android:visibility="gone" />
 
-                <ImageButton
-                    android:id="@+id/notification_status_button"
-                    style="?android:attr/buttonStyleSmall"
+                <TextView
+                    android:id="@+id/muc_jabberid"
                     android:layout_width="wrap_content"
                     android:layout_height="wrap_content"
-                    android:layout_gravity="center_horizontal"
-                    android:layout_alignParentRight="true"
-                    android:layout_centerVertical="true"
-                    android:background="?android:selectableItemBackground"
-                    android:padding="@dimen/image_button_padding"
-                    android:src="@drawable/ic_notifications_grey600_24dp" />
-            </RelativeLayout>
-
-            <TextView
-                android:id="@+id/details_account"
-                android:layout_width="wrap_content"
-                android:layout_height="wrap_content"
-                android:layout_gravity="right"
-                android:layout_marginTop="32dp"
-                android:text="@string/using_account"
-                android:textColor="@color/black54"
-                android:textSize="?attr/TextSizeInfo"
-                android:visibility="gone" />
-
-            <TextView
-                android:id="@+id/muc_jabberid"
-                android:layout_width="wrap_content"
-                android:layout_height="wrap_content"
-                android:layout_marginBottom="16dp"
-                android:text="@string/account_settings_example_jabber_id"
-                android:textColor="@color/black87"
-                android:textSize="?attr/TextSizeHeadline"
-                android:textStyle="bold"
-                android:textIsSelectable="true"
-                android:visibility="gone" />
-        </LinearLayout>
+                    android:layout_marginBottom="16dp"
+                    android:text="@string/account_settings_example_jabber_id"
+                    android:textColor="@color/black87"
+                    android:textIsSelectable="true"
+                    android:textSize="?attr/TextSizeHeadline"
+                    android:textStyle="bold"
+                    android:visibility="gone" />
+            </LinearLayout>
+        </android.support.v7.widget.CardView>
 
-        <LinearLayout
+        <android.support.v7.widget.CardView
             android:id="@+id/muc_more_details"
             android:layout_width="fill_parent"
             android:layout_height="wrap_content"
@@ -126,141 +132,146 @@
             android:layout_marginLeft="@dimen/activity_horizontal_margin"
             android:layout_marginRight="@dimen/activity_horizontal_margin"
             android:layout_marginTop="@dimen/activity_vertical_margin"
-            android:background="@drawable/infocard_border"
             android:orientation="vertical"
             android:padding="@dimen/infocard_padding">
 
-
-            <RelativeLayout
-                android:layout_width="fill_parent"
+            <LinearLayout
+                android:layout_width="match_parent"
                 android:layout_height="wrap_content"
-                android:layout_marginBottom="32dp">
-
-                <com.makeramen.roundedimageview.RoundedImageView
-                    android:id="@+id/your_photo"
-                    android:layout_width="72dp"
-                    android:layout_height="72dp"
-                    android:layout_alignParentEnd="false"
-                    android:layout_alignParentLeft="true"
-                    android:padding="1dp"
-                    android:src="@drawable/ic_profile"
-                    app:riv_corner_radius="36dp"
-                    app:riv_border_width="1dp"
-                    app:riv_border_color="@color/grey500"
-                    android:layout_alignParentRight="false" />
+                android:orientation="vertical"
+                android:padding="@dimen/infocard_padding">
 
-                <LinearLayout
+                <RelativeLayout
                     android:layout_width="fill_parent"
                     android:layout_height="wrap_content"
-                    android:layout_centerVertical="true"
-                    android:layout_toRightOf="@+id/your_photo"
-                    android:orientation="vertical"
-                    android:paddingLeft="8dp">
+                    android:layout_marginBottom="32dp">
 
-                    <android.support.text.emoji.widget.EmojiTextView
-                        android:id="@+id/muc_your_nick"
-                        android:layout_width="wrap_content"
+                    <com.makeramen.roundedimageview.RoundedImageView
+                        android:id="@+id/your_photo"
+                        android:layout_width="72dp"
+                        android:layout_height="72dp"
+                        android:layout_alignParentEnd="false"
+                        android:layout_alignParentLeft="true"
+                        android:layout_alignParentRight="false"
+                        android:padding="1dp"
+                        android:src="@drawable/ic_profile"
+                        app:riv_border_color="@color/grey500"
+                        app:riv_border_width="1dp"
+                        app:riv_corner_radius="36dp" />
+
+                    <LinearLayout
+                        android:layout_width="fill_parent"
                         android:layout_height="wrap_content"
-                        android:singleLine="true"
-                        android:textColor="@color/black87"
-                        android:textSize="?attr/TextSizeHeadline" />
+                        android:layout_centerVertical="true"
+                        android:layout_toRightOf="@+id/your_photo"
+                        android:orientation="vertical"
+                        android:paddingLeft="8dp">
 
-                    <TextView
-                        android:id="@+id/muc_role"
+                        <android.support.text.emoji.widget.EmojiTextView
+                            android:id="@+id/muc_your_nick"
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:singleLine="true"
+                            android:textColor="@color/black87"
+                            android:textSize="?attr/TextSizeHeadline" />
+
+                        <TextView
+                            android:id="@+id/muc_role"
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:singleLine="true"
+                            android:textColor="@color/black87"
+                            android:textSize="?attr/TextSizeBody" />
+                    </LinearLayout>
+
+                    <ImageButton
+                        android:id="@+id/edit_nick_button"
                         android:layout_width="wrap_content"
                         android:layout_height="wrap_content"
-                        android:singleLine="true"
-                        android:textColor="@color/black87"
-                        android:textSize="?attr/TextSizeBody" />
-                </LinearLayout>
+                        android:layout_alignParentRight="true"
+                        android:layout_centerVertical="true"
+                        android:background="?android:selectableItemBackground"
+                        android:padding="@dimen/image_button_padding"
+                        android:src="?attr/icon_edit_dark" />
+                </RelativeLayout>
 
-                <ImageButton
-                    android:id="@+id/edit_nick_button"
+                <LinearLayout
+                    android:id="@+id/muc_members"
+                    android:layout_width="fill_parent"
+                    android:layout_height="0dp"
+                    android:layout_weight="1"
+                    android:divider="?android:dividerHorizontal"
+                    android:orientation="vertical"
+                    android:showDividers="middle"></LinearLayout>
+
+                <Button
+                    android:id="@+id/invite"
+                    style="?android:attr/buttonStyleSmall"
                     android:layout_width="wrap_content"
                     android:layout_height="wrap_content"
-                    android:layout_alignParentRight="true"
-                    android:layout_centerVertical="true"
-                    android:background="?android:selectableItemBackground"
-                    android:padding="@dimen/image_button_padding"
-                    android:src="?attr/icon_edit_dark" />
-            </RelativeLayout>
+                    android:layout_gravity="center_horizontal"
+                    android:layout_marginTop="24dp"
+                    android:text="@string/invite_contact" />
 
-            <LinearLayout
-                android:id="@+id/muc_members"
-                android:layout_width="fill_parent"
-                android:layout_height="0dp"
-                android:layout_weight="1"
-                android:divider="?android:dividerHorizontal"
-                android:orientation="vertical"
-                android:showDividers="middle">
+                <Button
+                    android:id="@+id/destroy"
+                    style="?android:attr/buttonStyleSmall"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_gravity="center_horizontal"
+                    android:layout_marginTop="24dp"
+                    android:text="@string/destroy_muc" />
             </LinearLayout>
+        </android.support.v7.widget.CardView>
 
-            <Button
-                android:id="@+id/invite"
-                style="?android:attr/buttonStyleSmall"
-                android:layout_width="wrap_content"
-                android:layout_height="wrap_content"
-                android:layout_gravity="center_horizontal"
-                android:layout_marginTop="24dp"
-                android:text="@string/invite_contact" />
-
-            <Button
-                android:id="@+id/destroy"
-                style="?android:attr/buttonStyleSmall"
-                android:layout_width="wrap_content"
-                android:layout_height="wrap_content"
-                android:layout_gravity="center_horizontal"
-                android:layout_marginTop="24dp"
-                android:text="@string/destroy_muc" />
-
-        </LinearLayout>
-
-        <LinearLayout
-            android:layout_width="fill_parent"
+        <android.support.v7.widget.CardView
+            android:id="@+id/muc_info_more"
+            android:layout_width="match_parent"
             android:layout_height="wrap_content"
             android:layout_marginBottom="@dimen/activity_vertical_margin"
             android:layout_marginLeft="@dimen/activity_horizontal_margin"
             android:layout_marginRight="@dimen/activity_horizontal_margin"
             android:layout_marginTop="@dimen/activity_vertical_margin"
-            android:background="@drawable/infocard_border"
             android:orientation="vertical"
             android:padding="@dimen/infocard_padding"
-            android:id="@+id/muc_info_more"
-            android:shrinkColumns="0"
-            android:stretchColumns="1"
             android:visibility="gone">
 
 
-            <TableLayout
+            <LinearLayout
                 android:layout_width="match_parent"
                 android:layout_height="wrap_content"
-                android:stretchColumns="1">
-
-                <TableRow
-                    android:layout_width="fill_parent"
-                    android:layout_height="match_parent">
+                android:orientation="vertical"
+                android:padding="@dimen/infocard_padding">
 
-                    <TextView
-                        android:layout_width="wrap_content"
-                        android:layout_height="wrap_content"
-                        android:text="@string/server_info_mam"
-                        android:textColor="@color/black87"
-                        android:textSize="?attr/TextSizeBody"
-                        android:singleLine="true"
-                        android:ellipsize="end" />
+                <TableLayout
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:stretchColumns="1">
 
-                    <TextView
-                        android:id="@+id/muc_info_mam"
-                        android:layout_width="wrap_content"
-                        android:layout_height="wrap_content"
-                        android:layout_gravity="right"
-                        android:paddingLeft="4dp"
-                        android:textColor="@color/black87"
-                        android:textSize="?attr/TextSizeBody" />
-                </TableRow>
+                    <TableRow
+                        android:layout_width="fill_parent"
+                        android:layout_height="match_parent">
 
-            </TableLayout>
-        </LinearLayout>
+                        <TextView
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:ellipsize="end"
+                            android:singleLine="true"
+                            android:text="@string/server_info_mam"
+                            android:textColor="@color/black87"
+                            android:textSize="?attr/TextSizeBody" />
 
+                        <TextView
+                            android:id="@+id/muc_info_mam"
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:layout_gravity="right"
+                            android:paddingLeft="4dp"
+                            android:textColor="@color/black87"
+                            android:textSize="?attr/TextSizeBody" />
+                    </TableRow>
+                </TableLayout>
+            </LinearLayout>
+        </android.support.v7.widget.CardView>
     </LinearLayout>
 </ScrollView>
\ No newline at end of file