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

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.NestedScrollView
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        xmlns:tools="http://schemas.android.com/tools"
        android:scrollbarSize="3dp"
        android:scrollbarThumbVertical="@color/md_grey_500"
        android:scrollbars="vertical"
        android:background="@color/white">
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
                  xmlns:app="http://schemas.android.com/apk/res-auto"
                  android:orientation="vertical" android:layout_width="match_parent"
                  android:layout_height="wrap_content"
                  android:padding="20dp">

        <TextView android:layout_height="wrap_content"
                  android:layout_width="wrap_content"
                  android:paddingLeft="16dp"
                  android:paddingRight="16dp"
                  android:paddingBottom="20dp"
                  android:text="@string/subscribe.title"
                  android:layout_gravity="center_horizontal"
                  android:gravity="center"
                  android:textColor="@color/best_10"
                  android:drawableTop="@drawable/ic_heart_large"
                  android:textSize="14sp"
                  android:lineSpacingExtra="4dp" />

        <ProgressBar
                style="?android:attr/progressBarStyle"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:id="@+id/loadingIndicator"/>

        <LinearLayout
                android:id="@+id/subscriptionOptions"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical"
                >

            <com.habitrpg.android.habitica.ui.SubscriptionOptionView
                    android:id="@+id/subscription1month"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    app:recurringText="@string/month"
                    app:gemCapText="@string/subscribe1month.gemcap"/>
            <com.habitrpg.android.habitica.ui.SubscriptionOptionView
                    android:id="@+id/subscription3month"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    app:recurringText="@string/three_months"
                    app:gemCapText="@string/subscribe3month.gemcap"
                    app:hourGlassCount="1" />
            <com.habitrpg.android.habitica.ui.SubscriptionOptionView
                    android:id="@+id/subscription6month"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    app:recurringText="@string/six_months"
                    app:gemCapText="@string/subscribe6month.gemcap"
                    app:hourGlassCount="2" />
            <com.habitrpg.android.habitica.ui.SubscriptionOptionView
                    android:id="@+id/subscription12month"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    app:recurringText="@string/twelve_months"
                    app:gemCapText="@string/subscribe12month.gemcap"
                    app:hourGlassCount="4" >

            </com.habitrpg.android.habitica.ui.SubscriptionOptionView>

            <Button
                    android:text="@string/subscribe"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:id="@+id/subscribeButton"
                    android:layout_gravity="center"
                    style="@style/Button.Purple"/>
        </LinearLayout>


        <com.habitrpg.android.habitica.ui.SubscriptionDetailsView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:id="@+id/subscriptionDetails"/>

        <TextView
                android:id="@+id/subscribeBenefitsTitle"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="@string/subscribe_prompt"
                android:gravity="center"
                android:textStyle="normal|bold"
                android:textColor="@color/brand_100"
                android:textSize="16sp"
                android:lineSpacingExtra="4dp"
                android:layout_marginTop="23dp"
                android:layout_marginBottom="12dp"/>

        <FrameLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                style="@style/subscriptionBox"
                android:layout_marginTop="16dp"
                android:layout_marginBottom="8dp">
            <TextView
                    android:text="@string/subscribe.listitem1"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    style="@style/GemPurchaseListItem"
                    />
        </FrameLayout>
        <TextView
                android:text="@string/subscribe.listitem1.description"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                style="@style/GemPurchaseListItemDescription" />

        <FrameLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                style="@style/subscriptionBox"
                android:layout_marginTop="16dp"
                android:layout_marginBottom="8dp">
            <TextView
                    android:text="@string/subscribe.listitem2"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    style="@style/GemPurchaseListItem"
                    />
        </FrameLayout>
        <TextView
                android:text="@string/subscribe.listitem2.description"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                style="@style/GemPurchaseListItemDescription" />

        <FrameLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                style="@style/subscriptionBox"
                android:layout_marginTop="16dp"
                android:layout_marginBottom="8dp">
            <TextView
                    android:text="@string/subscribe.listitem3"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    style="@style/GemPurchaseListItem"
                    />
        </FrameLayout>
        <TextView
                android:text="@string/subscribe.listitem3.description"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                style="@style/GemPurchaseListItemDescription" />

        <FrameLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                style="@style/subscriptionBox"
                android:layout_marginBottom="8dp">
            <TextView
                    android:text="@string/subscribe.listitem4"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    style="@style/GemPurchaseListItem"
                    />
        </FrameLayout>
        <TextView
                android:text="@string/subscribe.listitem4.description"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                style="@style/GemPurchaseListItemDescription" />
    </LinearLayout>
</android.support.v4.widget.NestedScrollView>