<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="fill_parent"
    android:layout_height="@dimen/format_bar_height"
    android:layout_gravity="bottom"
    android:layout_alignParentBottom="true"
    android:background="@color/format_bar_background"
    android:orientation="vertical">

    <View
        android:id="@+id/format_bar_horizontal_divider"
        android:layout_width="fill_parent"
        android:layout_height="@dimen/format_bar_horizontal_divider_height"
        style="@style/Divider"/>

    <LinearLayout
        android:id="@+id/format_bar_buttons"
        android:layout_width="fill_parent"
        android:layout_height="@dimen/format_bar_height"
        android:layout_gravity="bottom"
        android:layout_marginRight="@dimen/format_bar_right_margin"
        android:orientation="horizontal"
        tools:ignore="RtlHardcoded">

        <HorizontalScrollView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:layout_marginRight="@dimen/format_bar_scroll_right_margin">

            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="@dimen/format_bar_left_margin"
                android:orientation="horizontal"
                tools:ignore="RtlHardcoded">

                <org.wordpress.android.editor.RippleToggleButton
                    android:id="@+id/format_bar_button_media"
                    style="@style/FormatBarButton"
                    android:layout_width="wrap_content"
                    android:layout_height="fill_parent"
                    android:contentDescription="@string/format_bar_description_media"
                    android:background="@drawable/format_bar_button_media_selector"/>

                <org.wordpress.android.editor.RippleToggleButton
                    android:id="@+id/format_bar_button_bold"
                    style="@style/FormatBarButton"
                    android:layout_width="wrap_content"
                    android:layout_height="fill_parent"
                    android:contentDescription="@string/format_bar_description_bold"
                    android:background="@drawable/format_bar_button_bold_selector"
                    android:tag="@string/format_bar_tag_bold"/>

                <org.wordpress.android.editor.RippleToggleButton
                    android:id="@+id/format_bar_button_italic"
                    style="@style/FormatBarButton"
                    android:layout_width="wrap_content"
                    android:layout_height="fill_parent"
                    android:contentDescription="@string/format_bar_description_italic"
                    android:background="@drawable/format_bar_button_italic_selector"
                    android:tag="@string/format_bar_tag_italic"/>

                <org.wordpress.android.editor.RippleToggleButton
                    android:id="@+id/format_bar_button_quote"
                    style="@style/FormatBarButton"
                    android:layout_width="wrap_content"
                    android:layout_height="fill_parent"
                    android:contentDescription="@string/format_bar_description_quote"
                    android:background="@drawable/format_bar_button_quote_selector"
                    android:tag="@string/format_bar_tag_blockquote"/>

                <org.wordpress.android.editor.RippleToggleButton
                    android:id="@+id/format_bar_button_ul"
                    style="@style/FormatBarButton"
                    android:layout_width="wrap_content"
                    android:layout_height="fill_parent"
                    android:contentDescription="@string/format_bar_description_ul"
                    android:background="@drawable/format_bar_button_ul_selector"
                    android:tag="@string/format_bar_tag_unorderedList"/>

                <org.wordpress.android.editor.RippleToggleButton
                    android:id="@+id/format_bar_button_ol"
                    style="@style/FormatBarButton"
                    android:layout_width="wrap_content"
                    android:layout_height="fill_parent"
                    android:contentDescription="@string/format_bar_description_ol"
                    android:background="@drawable/format_bar_button_ol_selector"
                    android:tag="@string/format_bar_tag_orderedList"/>

                <org.wordpress.android.editor.RippleToggleButton
                    android:id="@+id/format_bar_button_link"
                    style="@style/FormatBarButton"
                    android:layout_width="wrap_content"
                    android:layout_height="fill_parent"
                    android:contentDescription="@string/format_bar_description_link"
                    android:background="@drawable/format_bar_button_link_selector"
                    android:tag="@string/format_bar_tag_link"/>
            </LinearLayout>
        </HorizontalScrollView>

        <ImageView
            app:srcCompat="@drawable/format_bar_chevron"
            android:background="@android:color/transparent"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/imageView" />

        <org.wordpress.android.editor.RippleToggleButton
            android:id="@+id/format_bar_button_html"
            style="@style/FormatBarHtmlButton"
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:contentDescription="@string/format_bar_description_html"
            android:background="@drawable/format_bar_button_html_selector"/>
    </LinearLayout>
</LinearLayout>