habitica-android/Habitica/res/layout/activity_class_selection.xml

<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">
        <android.support.v7.widget.CardView
            android:id="@+id/healerWrapper"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            style="@style/CardView.Default">
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                style="@style/CardContent"
                android:background="@drawable/selection_highlight">
                <ImageView
                    android:layout_width="@dimen/avatar_header_width"
                    android:layout_height="@dimen/avatar_header_height"
                    android:id="@+id/healerImageView" />
                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:orientation="vertical"
                    android:layout_marginLeft="8dp">
                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="@string/healer"
                        style="@style/CardTitle"/>
                    <TextView
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:text="@string/healer_description"
                        style="@style/CardText"/>
                </LinearLayout>
            </LinearLayout>
        </android.support.v7.widget.CardView>
        <android.support.v7.widget.CardView
            android:id="@+id/mageWrapper"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            style="@style/CardView.Default">
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                style="@style/CardContent"
                android:background="@drawable/selection_highlight">
                <ImageView
                    android:layout_width="@dimen/avatar_header_width"
                    android:layout_height="@dimen/avatar_header_height"
                    android:id="@+id/mageImageView" />
                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:orientation="vertical"
                    android:layout_marginLeft="8dp">
                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="@string/mage"
                        style="@style/CardTitle" />
                    <TextView
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:text="@string/mage_description"
                        style="@style/CardText"/>
                </LinearLayout>
            </LinearLayout>
        </android.support.v7.widget.CardView>
        <android.support.v7.widget.CardView
            android:id="@+id/rogueWrapper"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            style="@style/CardView.Default">
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                style="@style/CardContent"
                android:background="@drawable/selection_highlight">
                <ImageView
                    android:layout_width="@dimen/avatar_header_width"
                    android:layout_height="@dimen/avatar_header_height"
                    android:id="@+id/rogueImageView" />
                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:orientation="vertical"
                    android:layout_marginLeft="8dp">
                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="@string/rogue"
                        style="@style/CardTitle" />
                    <TextView
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:text="@string/rogue_description"
                        style="@style/CardText"/>
                </LinearLayout>
            </LinearLayout>
        </android.support.v7.widget.CardView>
        <android.support.v7.widget.CardView
            android:id="@+id/warriorWrapper"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            style="@style/CardView.Default">
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                style="@style/CardContent"
                android:background="@drawable/selection_highlight">
                <ImageView
                    android:layout_width="@dimen/avatar_header_width"
                    android:layout_height="@dimen/avatar_header_height"
                    android:id="@+id/warriorImageView" />
                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:orientation="vertical"
                    android:layout_marginLeft="8dp">
                    <TextView
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:text="@string/warrior"
                        style="@style/CardTitle" />
                    <TextView
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:text="@string/warrior_description"
                        style="@style/CardText"/>
                </LinearLayout>

            </LinearLayout>
        </android.support.v7.widget.CardView>
        <android.support.v7.widget.CardView
            android:id="@+id/optOutWrapper"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            style="@style/CardView.Default">
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical"
                style="@style/CardContent"
                android:background="@drawable/selection_highlight">
                    <TextView
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:text="@string/opt_out_class"
                        style="@style/CardTitle" />
                    <TextView
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:text="@string/opt_out_description"
                        style="@style/CardText"/>
            </LinearLayout>
        </android.support.v7.widget.CardView>
    </LinearLayout>
</ScrollView>