FairEmail/app/src/main/res/layout/include_style_bar.xml

<?xml version="1.0" encoding="utf-8"?>
<HorizontalScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/style_bar"
    style="@style/horizontalScrollViewStyle"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="?attr/colorActionBackground"
    android:scrollbars="horizontal">

    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent">

        <ImageButton
            android:id="@+id/menu_bold"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="?android:attr/selectableItemBackgroundBorderless"
            android:contentDescription="@string/title_style_bold"
            android:paddingHorizontal="12dp"
            android:paddingVertical="6dp"
            android:scaleType="fitCenter"
            android:tooltipText="@string/title_style_bold"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            app:srcCompat="@drawable/twotone_format_bold_24"
            app:tint="@color/action_foreground" />

        <ImageButton
            android:id="@+id/menu_italic"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="?android:attr/selectableItemBackgroundBorderless"
            android:contentDescription="@string/title_style_italic"
            android:paddingHorizontal="12dp"
            android:paddingVertical="6dp"
            android:scaleType="fitCenter"
            android:tooltipText="@string/title_style_italic"
            app:layout_constraintStart_toEndOf="@id/menu_bold"
            app:layout_constraintTop_toTopOf="parent"
            app:srcCompat="@drawable/twotone_format_italic_24"
            app:tint="@color/action_foreground" />

        <ImageButton
            android:id="@+id/menu_underline"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="?android:attr/selectableItemBackgroundBorderless"
            android:contentDescription="@string/title_style_underline"
            android:paddingHorizontal="12dp"
            android:paddingVertical="6dp"
            android:scaleType="fitCenter"
            android:tooltipText="@string/title_style_underline"
            app:layout_constraintStart_toEndOf="@id/menu_italic"
            app:layout_constraintTop_toTopOf="parent"
            app:srcCompat="@drawable/twotone_format_underlined_24"
            app:tint="@color/action_foreground" />

        <ImageButton
            android:id="@+id/menu_link"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="?android:attr/selectableItemBackgroundBorderless"
            android:contentDescription="@string/title_style_link"
            android:paddingHorizontal="12dp"
            android:paddingVertical="6dp"
            android:scaleType="fitCenter"
            android:tooltipText="@string/title_style_link"
            app:layout_constraintStart_toEndOf="@id/menu_underline"
            app:layout_constraintTop_toTopOf="parent"
            app:srcCompat="@drawable/twotone_insert_link_45_24"
            app:tint="@color/action_foreground" />

        <ImageButton
            android:id="@+id/menu_style_size"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="?android:attr/selectableItemBackgroundBorderless"
            android:contentDescription="@string/title_style_size"
            android:paddingHorizontal="12dp"
            android:paddingVertical="6dp"
            android:scaleType="fitCenter"
            android:tooltipText="@string/title_style_size"
            app:layout_constraintStart_toEndOf="@id/menu_link"
            app:layout_constraintTop_toTopOf="parent"
            app:srcCompat="@drawable/twotone_format_size_24"
            app:tint="@color/action_foreground" />

        <ImageButton
            android:id="@+id/menu_style_background"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="?android:attr/selectableItemBackgroundBorderless"
            android:contentDescription="@string/title_background"
            android:paddingHorizontal="12dp"
            android:paddingVertical="6dp"
            android:scaleType="fitCenter"
            android:tooltipText="@string/title_background"
            app:layout_constraintStart_toEndOf="@id/menu_style_size"
            app:layout_constraintTop_toTopOf="parent"
            app:srcCompat="@drawable/twotone_format_paint_24"
            app:tint="@color/action_foreground" />

        <ImageButton
            android:id="@+id/menu_style_color"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="?android:attr/selectableItemBackgroundBorderless"
            android:contentDescription="@string/title_color"
            android:paddingHorizontal="12dp"
            android:paddingVertical="6dp"
            android:scaleType="fitCenter"
            android:tooltipText="@string/title_color"
            app:layout_constraintStart_toEndOf="@id/menu_style_background"
            app:layout_constraintTop_toTopOf="parent"
            app:srcCompat="@drawable/twotone_palette_24"
            app:tint="@color/action_foreground" />

        <ImageButton
            android:id="@+id/menu_style_font"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="?android:attr/selectableItemBackgroundBorderless"
            android:contentDescription="@string/title_style_font"
            android:paddingHorizontal="12dp"
            android:paddingVertical="6dp"
            android:scaleType="fitCenter"
            android:tooltipText="@string/title_style_font"
            app:layout_constraintStart_toEndOf="@id/menu_style_color"
            app:layout_constraintTop_toTopOf="parent"
            app:srcCompat="@drawable/twotone_text_format_24"
            app:tint="@color/action_foreground" />

        <ImageButton
            android:id="@+id/menu_style_align"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="?android:attr/selectableItemBackgroundBorderless"
            android:contentDescription="@string/title_style_align"
            android:paddingHorizontal="12dp"
            android:paddingVertical="6dp"
            android:scaleType="fitCenter"
            android:tooltipText="@string/title_style_align"
            app:layout_constraintStart_toEndOf="@id/menu_style_font"
            app:layout_constraintTop_toTopOf="parent"
            app:srcCompat="@drawable/twotone_format_align_center_24"
            app:tint="@color/action_foreground" />

        <ImageButton
            android:id="@+id/menu_style_list"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="?android:attr/selectableItemBackgroundBorderless"
            android:contentDescription="@string/title_style_list"
            android:paddingHorizontal="12dp"
            android:paddingVertical="6dp"
            android:scaleType="fitCenter"
            android:tooltipText="@string/title_style_list"
            app:layout_constraintStart_toEndOf="@id/menu_style_align"
            app:layout_constraintTop_toTopOf="parent"
            app:srcCompat="@drawable/twotone_format_list_bulleted_24"
            app:tint="@color/action_foreground" />

        <ImageButton
            android:id="@+id/menu_style_indentation"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="?android:attr/selectableItemBackgroundBorderless"
            android:contentDescription="@string/title_style_indentation"
            android:paddingHorizontal="12dp"
            android:paddingVertical="6dp"
            android:scaleType="fitCenter"
            android:tooltipText="@string/title_style_indentation"
            app:layout_constraintStart_toEndOf="@id/menu_style_list"
            app:layout_constraintTop_toTopOf="parent"
            app:srcCompat="@drawable/twotone_format_indent_increase_24"
            app:tint="@color/action_foreground" />

        <ImageButton
            android:id="@+id/menu_style_blockquote"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="?android:attr/selectableItemBackgroundBorderless"
            android:contentDescription="@string/title_style_blockquote"
            android:paddingHorizontal="12dp"
            android:paddingVertical="6dp"
            android:scaleType="fitCenter"
            android:tooltipText="@string/title_style_blockquote"
            app:layout_constraintStart_toEndOf="@id/menu_style_indentation"
            app:layout_constraintTop_toTopOf="parent"
            app:srcCompat="@drawable/twotone_format_quote_24"
            app:tint="@color/action_foreground" />

        <ImageButton
            android:id="@+id/menu_style_mark"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="?android:attr/selectableItemBackgroundBorderless"
            android:contentDescription="@string/title_style_mark"
            android:paddingHorizontal="12dp"
            android:paddingVertical="6dp"
            android:scaleType="fitCenter"
            android:tooltipText="@string/title_style_mark"
            app:layout_constraintStart_toEndOf="@id/menu_style_blockquote"
            app:layout_constraintTop_toTopOf="parent"
            app:srcCompat="@drawable/twotone_border_color_24"
            app:tint="@color/action_foreground" />

        <ImageButton
            android:id="@+id/menu_style_subscript"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="?android:attr/selectableItemBackgroundBorderless"
            android:contentDescription="@string/title_style_subscript"
            android:paddingHorizontal="12dp"
            android:paddingVertical="6dp"
            android:scaleType="fitCenter"
            android:tooltipText="@string/title_style_subscript"
            app:layout_constraintStart_toEndOf="@id/menu_style_mark"
            app:layout_constraintTop_toTopOf="parent"
            app:srcCompat="@drawable/twotone_subscript_24"
            app:tint="@color/action_foreground" />

        <ImageButton
            android:id="@+id/menu_style_superscript"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="?android:attr/selectableItemBackgroundBorderless"
            android:contentDescription="@string/title_style_superscript"
            android:paddingHorizontal="12dp"
            android:paddingVertical="6dp"
            android:scaleType="fitCenter"
            android:tooltipText="@string/title_style_superscript"
            app:layout_constraintStart_toEndOf="@id/menu_style_subscript"
            app:layout_constraintTop_toTopOf="parent"
            app:srcCompat="@drawable/twotone_superscript_24"
            app:tint="@color/action_foreground" />

        <ImageButton
            android:id="@+id/menu_style_strikethrough"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="?android:attr/selectableItemBackgroundBorderless"
            android:contentDescription="@string/title_style_strikethrough"
            android:paddingHorizontal="12dp"
            android:paddingVertical="6dp"
            android:scaleType="fitCenter"
            android:tooltipText="@string/title_style_strikethrough"
            app:layout_constraintStart_toEndOf="@id/menu_style_superscript"
            app:layout_constraintTop_toTopOf="parent"
            app:srcCompat="@drawable/twotone_format_strikethrough_24"
            app:tint="@color/action_foreground" />

        <ImageButton
            android:id="@+id/menu_style_insert_line"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="?android:attr/selectableItemBackgroundBorderless"
            android:contentDescription="@string/title_insert_line"
            android:paddingHorizontal="12dp"
            android:paddingVertical="6dp"
            android:scaleType="fitCenter"
            android:tooltipText="@string/title_insert_line"
            app:layout_constraintStart_toEndOf="@id/menu_style_strikethrough"
            app:layout_constraintTop_toTopOf="parent"
            app:srcCompat="@drawable/twotone_horizontal_rule_24"
            app:tint="@color/action_foreground" />

        <ImageButton
            android:id="@+id/menu_style_insert_answer"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="?android:attr/selectableItemBackgroundBorderless"
            android:contentDescription="@string/menu_answers"
            android:paddingHorizontal="12dp"
            android:paddingVertical="6dp"
            android:scaleType="fitCenter"
            android:tooltipText="@string/menu_answers"
            app:layout_constraintStart_toEndOf="@id/menu_style_insert_line"
            app:layout_constraintTop_toTopOf="parent"
            app:srcCompat="@drawable/twotone_text_snippet_24"
            app:tint="@color/action_foreground" />

        <ImageButton
            android:id="@+id/menu_style_spell_check"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="?android:attr/selectableItemBackgroundBorderless"
            android:contentDescription="@string/title_advanced_lt"
            android:paddingHorizontal="12dp"
            android:paddingVertical="6dp"
            android:scaleType="fitCenter"
            android:tooltipText="@string/title_advanced_lt"
            app:layout_constraintStart_toEndOf="@id/menu_style_insert_answer"
            app:layout_constraintTop_toTopOf="parent"
            app:srcCompat="@drawable/twotone_spellcheck_24"
            app:tint="@color/action_foreground" />

        <ImageButton
            android:id="@+id/menu_style_password"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="?android:attr/selectableItemBackgroundBorderless"
            android:contentDescription="@string/title_style_protect"
            android:paddingHorizontal="12dp"
            android:paddingVertical="6dp"
            android:scaleType="fitCenter"
            android:tooltipText="@string/title_style_protect"
            app:layout_constraintStart_toEndOf="@id/menu_style_spell_check"
            app:layout_constraintTop_toTopOf="parent"
            app:srcCompat="@drawable/twotone_lock_24"
            app:tint="@color/action_foreground" />

        <ImageButton
            android:id="@+id/menu_style_code"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="?android:attr/selectableItemBackgroundBorderless"
            android:contentDescription="@string/title_style_code"
            android:paddingHorizontal="12dp"
            android:paddingVertical="6dp"
            android:scaleType="fitCenter"
            android:tooltipText="@string/title_style_code"
            app:layout_constraintStart_toEndOf="@id/menu_style_password"
            app:layout_constraintTop_toTopOf="parent"
            app:srcCompat="@drawable/twotone_code_24"
            app:tint="@color/action_foreground" />

        <ImageButton
            android:id="@+id/menu_style_reverse"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="?android:attr/selectableItemBackgroundBorderless"
            android:contentDescription="@string/title_style_reverse"
            android:paddingHorizontal="12dp"
            android:paddingVertical="6dp"
            android:scaleType="fitCenter"
            android:tooltipText="@string/title_style_reverse"
            app:layout_constraintStart_toEndOf="@id/menu_style_code"
            app:layout_constraintTop_toTopOf="parent"
            app:srcCompat="@drawable/twotone_expand_24"
            app:tint="@color/action_foreground" />

        <ImageButton
            android:id="@+id/menu_style_clear"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="?android:attr/selectableItemBackgroundBorderless"
            android:contentDescription="@string/title_style_clear"
            android:paddingHorizontal="12dp"
            android:paddingVertical="6dp"
            android:scaleType="fitCenter"
            android:tooltipText="@string/title_style_clear"
            app:layout_constraintStart_toEndOf="@id/menu_style_reverse"
            app:layout_constraintTop_toTopOf="parent"
            app:srcCompat="@drawable/twotone_format_clear_24"
            app:tint="@color/action_foreground" />

        <ImageButton
            android:id="@+id/menu_style_settings"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="?android:attr/selectableItemBackgroundBorderless"
            android:contentDescription="@string/menu_setup"
            android:paddingHorizontal="12dp"
            android:paddingVertical="6dp"
            android:scaleType="fitCenter"
            android:tooltipText="@string/menu_setup"
            app:layout_constraintStart_toEndOf="@id/menu_style_clear"
            app:layout_constraintTop_toTopOf="parent"
            app:srcCompat="@drawable/twotone_settings_24"
            app:tint="@color/action_foreground" />
    </androidx.constraintlayout.widget.ConstraintLayout>
</HorizontalScrollView>