Percentage-relative position the UI, to improve scaling

Author: pimterry

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

@@ -12,6 +12,13 @@
             android:layout_weight="1"
             tools:context=".MainActivity">
 
+        <androidx.constraintlayout.widget.Guideline
+                android:id="@+id/guideline"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:orientation="horizontal"
+                app:layout_constraintGuide_percent="0.1" />
+
         <ImageView
                 android:id="@+id/logoImage"
                 android:layout_width="wrap_content"
@@ -51,12 +58,6 @@
                 app:layout_constraintStart_toStartOf="parent"
                 app:layout_constraintTop_toBottomOf="@+id/statusText" />
 
-        <androidx.constraintlayout.widget.Guideline
-                android:id="@+id/guideline"
-                android:layout_width="wrap_content"
-                android:layout_height="wrap_content"
-                android:orientation="horizontal"
-                app:layout_constraintGuide_percent="0.1" />
     </androidx.constraintlayout.widget.ConstraintLayout>
 
     <com.google.android.material.card.MaterialCardView

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

@@ -6,19 +6,33 @@
         android:layout_height="match_parent"
         tools:context=".MainActivity">
 
+
+    <androidx.constraintlayout.widget.Guideline
+            android:id="@+id/logoGuideline"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:orientation="horizontal"
+            app:layout_constraintGuide_percent="0.2" />
+
     <ImageView
             android:id="@+id/logoImage"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
-            android:layout_marginTop="96dp"
-            android:layout_marginBottom="96dp"
             android:contentDescription="The HTTP Toolkit Logo"
-            app:layout_constraintBottom_toTopOf="@+id/statusText"
+            app:layout_constraintBottom_toBottomOf="@+id/logoGuideline"
+            app:layout_constraintTop_toTopOf="@+id/logoGuideline"
             app:layout_constraintEnd_toEndOf="parent"
             app:layout_constraintStart_toStartOf="parent"
-            app:layout_constraintTop_toTopOf="parent"
             app:srcCompat="@drawable/ic_transparent_icon" />
 
+
+    <androidx.constraintlayout.widget.Guideline
+            android:id="@+id/statusGuideline"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:orientation="horizontal"
+            app:layout_constraintGuide_percent="0.4" />
+
     <TextView
             android:id="@+id/statusText"
             style="@style/StatusText"
@@ -28,10 +42,10 @@
             android:layout_marginEnd="8dp"
             android:layout_marginBottom="8dp"
             android:text="Not Connected"
-            app:layout_constraintBottom_toTopOf="@+id/detailText"
+            app:layout_constraintBottom_toBottomOf="@+id/statusGuideline"
+            app:layout_constraintTop_toTopOf="@+id/statusGuideline"
             app:layout_constraintEnd_toEndOf="parent"
-            app:layout_constraintStart_toStartOf="parent"
-            app:layout_constraintTop_toBottomOf="@+id/logoImage" />
+            app:layout_constraintStart_toStartOf="parent" />
 
     <TextView
             android:id="@+id/detailText"