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

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              xmlns:app="http://schemas.android.com/apk/res-auto"
              xmlns:tools="http://schemas.android.com/tools"
              android:layout_width="match_parent"
              android:layout_height="wrap_content"
              android:layout_margin="5dp"
              android:clickable="true"
              android:background="#fff"
              android:orientation="horizontal"
              android:baselineAligned="false"
              android:paddingRight="16dp"
              android:paddingEnd="16dp">

    <LinearLayout
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_margin="12dp"
            android:layout_weight="1"
            android:gravity="center"
            android:orientation="vertical">

        <LinearLayout
                android:layout_width="32dp"
                android:layout_height="32dp"
                android:background="@drawable/gem_circle_background"
                android:gravity="center">

            <ImageView
                android:id="@+id/gem_icon"
                    android:layout_width="18dp"
                    android:layout_height="18dp" />
        </LinearLayout>


        <LinearLayout
                android:layout_width="38dp"
                android:layout_height="17dp"
                android:layout_marginTop="-6dp"
                android:background="@drawable/gem_value_circle_background"
                android:gravity="center">

            <TextView
                    android:id="@+id/gemPrizeTextView"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center"
                    android:ellipsize="middle"
                    android:lines="1"
                    android:singleLine="true"
                    tools:text="0"
                    android:textColor="@color/gem_icon_color"
                    android:textSize="12sp"
                    android:textStyle="bold" />
        </LinearLayout>


    </LinearLayout>

    <LinearLayout
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:layout_marginBottom="10dp"
            android:layout_marginTop="10dp"
            android:layout_weight="6"
            android:orientation="vertical">


        <net.pherth.android.emoji_library.EmojiTextView
                android:id="@+id/challenge_name"
                style="@style/ChallengeName"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:maxLines="2"
                tools:text="Example Challenge Name that is very long" />

        <TextView
                android:id="@+id/challenge_group_name"
                style="@style/ChallengeByGroup"
                android:layout_width="match_parent"
                android:layout_height="20dp"
                android:layout_marginTop="1dp"
                tools:text="Guild: XYZ" />

        <LinearLayout
                android:id="@+id/leaderParticipantLayout"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:orientation="horizontal">

            <TextView
                    android:id="@+id/leaderName"
                    style="@style/ChallengeTaskDetails"
                    android:layout_width="wrap_content"
                    android:layout_height="20dp"
                    android:layout_marginTop="1dp"
                    tools:text="by Leader" />
            <View
                    android:layout_marginLeft="10dp"
                    android:layout_marginRight="10dp"
                    android:layout_width="1dp"
                    android:layout_height="16dp"
                    android:layout_gravity="center_vertical"
                    android:background="@color/text_light" />
            <ImageView
                    android:layout_width="18dp"
                    android:layout_height="20dp"
                    android:src="@drawable/dialogue_participants" />

            <TextView
                    android:id="@+id/participantCount"
                    style="@style/ChallengeTaskDetails"
                    android:layout_width="wrap_content"
                    android:layout_height="20dp"
                    android:layout_marginTop="1dp"
                    android:layout_marginLeft="4dp"
                    android:layout_marginStart="4dp"
                    tools:text="12334" />
        </LinearLayout>


        <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content">

            <LinearLayout
                    android:id="@+id/officialHabiticaChallengeLayout"
                    android:layout_width="wrap_content"
                    android:layout_height="20dp"
                    android:layout_marginTop="3dp"
                    android:background="@drawable/layout_rounded_bg_official_challenge"
                    android:gravity="center"
                    android:layout_marginRight="10dp">

                <TextView
                        android:id="@+id/textView2"
                        style="@style/OfficialChallenge"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginLeft="6dp"
                        android:layout_marginRight="6dp"
                        android:text="@string/official" />
            </LinearLayout>

            <LinearLayout
                    android:id="@+id/challenge_is_participating"
                    android:layout_width="wrap_content"
                    android:layout_height="20dp"
                    android:layout_marginTop="3dp"
                    android:background="@drawable/layout_rounded_bg_official_challenge"
                    android:gravity="center">

                <TextView
                        style="@style/ParticipatingChallenge"

                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginLeft="6dp"
                        android:layout_marginRight="6dp"
                        android:text="@string/participating" />


            </LinearLayout>
        </LinearLayout>
    </LinearLayout>

    <LinearLayout
            android:id="@+id/arrowImage"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical">

        <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                app:srcCompat="@drawable/ic_keyboard_arrow_right_gray_24dp"/>
    </LinearLayout>
</LinearLayout>