connection_details.xml

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

<!-- This Source Code Form is subject to the terms of the Mozilla Public

   - License, v. 2.0. If a copy of the MPL was not distributed with this

   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->

<androidx.constraintlayout.widget.ConstraintLayout

    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:id="@+id/connection_details_view"

    android:layout_width="match_parent"

    android:layout_height="wrap_content"

    android:orientation="horizontal"

    android:padding="16dp">

    <ImageView

        android:id="@+id/details_back"

        android:layout_width="40dp"

        android:layout_height="40dp"

        android:contentDescription="@string/go_back"

        android:paddingStart="8dp"

        android:paddingTop="8dp"

        android:paddingEnd="8dp"

        android:paddingBottom="8dp"

        android:scaleType="center"

        app:layout_constraintStart_toStartOf="parent"

        app:layout_constraintTop_toTopOf="parent"

        app:srcCompat="@drawable/mozac_ic_back_24" />

    <ImageView

        android:id="@+id/site_favicon"

        android:layout_width="40dp"

        android:layout_height="40dp"

        android:layout_marginStart="12dp"

        android:importantForAccessibility="no"

        android:paddingStart="8dp"

        android:paddingTop="8dp"

        android:paddingEnd="8dp"

        android:paddingBottom="8dp"

        app:layout_constraintStart_toEndOf="@id/details_back"

        app:layout_constraintTop_toTopOf="@id/site_title"

        app:layout_constraintBottom_toBottomOf="@id/site_title"

        tools:src="@drawable/ic_favorite" />

    <com.google.android.material.textview.MaterialTextView

        android:id="@+id/site_title"

        style="@style/PanelTitle"

        android:layout_width="0dp"

        android:layout_height="wrap_content"

        android:layout_marginStart="8dp"

        android:paddingTop="8dp"

        android:paddingBottom="8dp"

        app:layout_constraintBottom_toTopOf="@id/site_full_url"

        app:layout_constraintEnd_toEndOf="parent"

        app:layout_constraintStart_toEndOf="@id/site_favicon"

        app:layout_constraintTop_toTopOf="parent"

        tools:text="@tools:sample/lorem/random" />

    <com.google.android.material.textview.MaterialTextView

        android:id="@+id/site_full_url"

        style="@style/PanelTitle"

        android:layout_width="0dp"

        android:layout_height="wrap_content"

        android:layout_marginStart="4dp"

        android:paddingTop="8dp"

        android:paddingBottom="8dp"

        app:layout_constraintBottom_toTopOf="@id/security_info"

        app:layout_constraintEnd_toEndOf="parent"

        app:layout_constraintStart_toStartOf="@id/site_favicon"

        app:layout_constraintTop_toBottomOf="@id/site_title"

        tools:text="url.com" />

    <com.google.android.material.textview.MaterialTextView

        android:id="@+id/security_info"

        style="@style/PanelTitle"

        android:layout_width="0dp"

        android:layout_height="wrap_content"

        android:drawablePadding="8dp"

        android:gravity="center_vertical"

        android:paddingTop="8dp"

        android:paddingBottom="8dp"

        app:drawableStartCompat="@drawable/mozac_ic_lock_24"

        app:layout_constraintBottom_toBottomOf="parent"

        app:layout_constraintEnd_toEndOf="parent"

        app:layout_constraintStart_toStartOf="@id/site_favicon"

        app:layout_constraintTop_toBottomOf="@id/site_full_url"

        tools:text="@string/secure_connection" />

</androidx.constraintlayout.widget.ConstraintLayout>