<?xml version="1.0" encoding="utf-8"?>
<ScrollView 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"
    tools:ignore="RtlHardcoded">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <com.jrummyapps.android.colorpicker.ColorPickerView
            android:id="@id/cpv_color_picker_view"
            style="@style/cpv_ColorPickerViewStyle"
            android:padding="16dp" />

        <com.google.android.flexbox.FlexboxLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:paddingLeft="16dp"
            android:paddingRight="16dp"
            android:paddingBottom="16dp"
            app:flexWrap="wrap"
            app:justifyContent="flex_start">

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

                <com.jrummyapps.android.colorpicker.ColorPanelView
                    android:id="@id/cpv_color_panel_old"
                    android:layout_width="@dimen/cpv_dialog_preview_width"
                    android:layout_height="@dimen/cpv_dialog_preview_height"
                    app:cpv_colorShape="square" />

                <ImageView
                    android:id="@+id/cpv_arrow_right"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center_vertical"
                    android:paddingLeft="4dp"
                    android:paddingRight="4dp"
                    android:src="@drawable/cpv_ic_arrow_right_black_24dp"
                    tools:ignore="ContentDescription" />

                <com.jrummyapps.android.colorpicker.ColorPanelView
                    android:id="@id/cpv_color_panel_new"
                    android:layout_width="@dimen/cpv_dialog_preview_width"
                    android:layout_height="@dimen/cpv_dialog_preview_height"
                    app:cpv_colorShape="square" />
            </LinearLayout>

            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="16dp"
                android:descendantFocusability="beforeDescendants"
                android:focusableInTouchMode="true"
                android:gravity="right"
                android:orientation="horizontal">

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:labelFor="@+id/cpv_hex"
                    android:text="#"
                    android:typeface="monospace"
                    tools:ignore="HardcodedText" />

                <EditText
                    android:id="@+id/cpv_hex"
                    android:layout_width="110sp"
                    android:layout_height="wrap_content"
                    android:digits="0123456789ABCDEFabcdef"
                    android:focusable="true"
                    android:imeOptions="actionGo"
                    android:importantForAutofill="no"
                    android:inputType="textNoSuggestions"
                    android:maxLength="8"
                    android:maxLines="1"
                    android:typeface="monospace"
                    tools:text="88888888" />

            </LinearLayout>

        </com.google.android.flexbox.FlexboxLayout>

    </LinearLayout>
</ScrollView>