Improve small screen layout, moving logo to watermark

Author: pimterry

app/src/main/res/layout/main_layout.xml

@@ -7,84 +7,69 @@
         tools:context=".MainActivity">
 
     <androidx.constraintlayout.widget.Guideline
-            android:id="@+id/logoGuideline"
+            android:id="@+id/statusGuideline"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:orientation="horizontal"
-            app:layout_constraintGuide_percent="0.16" />
+            app:layout_constraintGuide_percent="0.2" />
 
-    <LinearLayout
-            android:id="@+id/headingContainer"
+    <ImageView
+            android:id="@+id/logoImage"
             android:layout_width="match_parent"
-            android:layout_height="wrap_content"
-            android:paddingBottom="20dp"
-            app:layout_constraintBottom_toBottomOf="@+id/logoGuideline"
-            app:layout_constraintTop_toTopOf="@+id/logoGuideline"
-            app:layout_constraintStart_toStartOf="parent"
-            app:layout_constraintEnd_toEndOf="parent">
-
-        <ImageView
-                android:id="@+id/logoImage"
-                android:layout_width="wrap_content"
-                android:layout_height="wrap_content"
-                android:paddingStart="16dp"
-                android:contentDescription="The HTTP Toolkit Logo"
-                app:srcCompat="@drawable/ic_transparent_icon" />
+            android:layout_height="match_parent"
+            android:alpha="0.3"
+            android:tint="#fff"
+            android:layout_marginBottom="120dp"
+            app:srcCompat="@drawable/ic_transparent_icon"
+            tools:ignore="ContentDescription" />
 
-        <View
-                android:layout_width="0dp"
-                android:layout_height="0dp"
-                android:layout_weight="1" />
-
-        <TextView
-                android:id="@+id/statusText"
-                style="@style/StatusText"
-                android:layout_width="wrap_content"
-                android:layout_height="wrap_content"
-                android:layout_gravity="center"
-                android:text="@string/disconnected_status"
-                android:textSize="30sp" />
-
-        <View
-                android:layout_width="0dp"
-                android:layout_height="0dp"
-                android:layout_weight="1" />
-
-    </LinearLayout>
+    <TextView
+            android:id="@+id/statusText"
+            style="@style/StatusText"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_gravity="center"
+            android:text="@string/disconnected_status"
+            android:textSize="30sp"
+            app:layout_constraintBottom_toBottomOf="@+id/statusGuideline"
+            app:layout_constraintTop_toTopOf="@+id/statusGuideline"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"/>
 
     <LinearLayout
             android:id="@+id/statusDetailContainer"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
+            android:layout_marginTop="16dp"
             android:layout_marginStart="16dp"
             android:layout_marginEnd="16dp"
             app:layout_constrainedWidth="true"
             app:layout_constraintEnd_toEndOf="parent"
             app:layout_constraintStart_toStartOf="parent"
-            app:layout_constraintTop_toBottomOf="@+id/headingContainer"
+            app:layout_constraintTop_toBottomOf="@+id/statusText"
             android:orientation="vertical" />
 
     <com.google.android.material.card.MaterialCardView
-            android:layout_height="wrap_content"
+            android:id="@+id/materialCardView"
+            style="@style/PortraitButtonsCard"
             android:layout_width="match_parent"
+            android:layout_height="wrap_content"
             android:layout_marginStart="16dp"
             android:layout_marginEnd="16dp"
             app:layout_constraintBottom_toBottomOf="parent"
             app:layout_constraintEnd_toEndOf="parent"
-            app:layout_constraintStart_toStartOf="parent"
-            style="@style/PortraitButtonsCard"
-            >
+            app:layout_constraintStart_toStartOf="parent">
+
         <LinearLayout
                 android:id="@+id/buttonLayoutContainer"
                 android:layout_width="match_parent"
                 android:layout_height="wrap_content"
+                android:clipToPadding="false"
                 android:orientation="vertical"
                 android:paddingStart="16dp"
-                android:paddingEnd="16dp"
                 android:paddingTop="12dp"
-                android:paddingBottom="10dp"
-                android:clipToPadding="false">
-        </LinearLayout>
+                android:paddingEnd="16dp"
+                android:paddingBottom="10dp" />
     </com.google.android.material.card.MaterialCardView>
 
 </androidx.constraintlayout.widget.ConstraintLayout>