From f3c3f52e0818174faed006662b4818ab86e8a9ad Mon Sep 17 00:00:00 2001
From: Juha Heinanen <jh@tutpro.com>
Date: Tue, 15 Sep 2020 18:58:24 +0300
Subject: [PATCH] Improved call layout for small devices.

---
 app/src/main/res/layout/activity_main.xml | 201 +++++++++++-----------
 1 file changed, 103 insertions(+), 98 deletions(-)

diff --git a/app/src/main/res/layout/activity_main.xml b/app/src/main/res/layout/activity_main.xml
index ef8bff44..c39915b5 100644
--- a/app/src/main/res/layout/activity_main.xml
+++ b/app/src/main/res/layout/activity_main.xml
@@ -79,113 +79,118 @@
 
                 </LinearLayout>
 
-                <ImageButton
-                    android:id="@+id/callButton"
-                    android:layout_width="wrap_content"
+                <RelativeLayout
+                    android:id="@+id/callRow"
+                    android:orientation="horizontal"
+                    android:layout_width="fill_parent"
                     android:layout_height="wrap_content"
                     android:layout_below="@id/uriRow"
-                    android:padding="0dp"
-                    android:background="@null"
-                    android:src="@drawable/call_green"
-                    android:contentDescription="@string/call" >
-                </ImageButton>
+                    android:paddingBottom="10dp" >
 
-                <ImageButton
-                    android:id="@+id/hangupButton"
-                    android:layout_width="wrap_content"
-                    android:layout_height="wrap_content"
-                    android:layout_below="@id/uriRow"
-                    android:padding="0dp"
-                    android:background="@null"
-                    android:src="@drawable/hangup"
-                    android:clickable="false"
-                    android:visibility="invisible"
-                    android:contentDescription="@string/hangup" >
-                </ImageButton>
+                    <ImageButton
+                        android:id="@+id/callButton"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:padding="0dp"
+                        android:background="@null"
+                        android:src="@drawable/call_green"
+                        android:contentDescription="@string/call" >
+                    </ImageButton>
 
-                <ImageButton
-                    android:id="@+id/answerButton"
-                    android:layout_width="wrap_content"
-                    android:layout_height="wrap_content"
-                    android:layout_below="@id/uriRow"
-                    android:padding="0dp"
-                    android:layout_alignParentEnd="true"
-                    android:layout_marginEnd="10dp"
-                    android:background="@null"
-                    android:src="@drawable/call_green"
-                    android:clickable="false"
-                    android:visibility="invisible"
-                    android:contentDescription="@string/answer" >
-                </ImageButton>
+                    <ImageButton
+                        android:id="@+id/hangupButton"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:padding="0dp"
+                        android:background="@null"
+                        android:src="@drawable/hangup"
+                        android:clickable="false"
+                        android:visibility="invisible"
+                        android:contentDescription="@string/hangup" >
+                    </ImageButton>
 
-                <ImageButton
-                    android:id="@+id/rejectButton"
-                    android:layout_width="wrap_content"
-                    android:layout_height="wrap_content"
-                    android:layout_below="@id/uriRow"
-                    android:padding="0dp"
-                    android:background="@null"
-                    android:src="@drawable/hangup"
-                    android:clickable="false"
-                    android:visibility="invisible"
-                    android:contentDescription="@string/reject" >
-                </ImageButton>
+                    <ImageButton
+                        android:id="@+id/answerButton"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:padding="0dp"
+                        android:layout_alignParentEnd="true"
+                        android:layout_marginEnd="10dp"
+                        android:background="@null"
+                        android:src="@drawable/call_green"
+                        android:clickable="false"
+                        android:visibility="invisible"
+                        android:contentDescription="@string/answer" >
+                    </ImageButton>
 
-                <ImageButton
-                    android:id="@+id/holdButton"
-                    android:layout_width="wrap_content"
-                    android:layout_height="wrap_content"
-                    android:layout_below="@id/uriRow"
-                    android:padding="0dp"
-                    android:src="@drawable/pause"
-                    android:background="@null"
-                    android:layout_marginStart="70dp"
-                    android:clickable="false"
-                    android:visibility="invisible"
-                    android:contentDescription="@string/hold" >
-                </ImageButton>
+                    <ImageButton
+                        android:id="@+id/rejectButton"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:padding="0dp"
+                        android:background="@null"
+                        android:src="@drawable/hangup"
+                        android:clickable="false"
+                        android:visibility="invisible"
+                        android:contentDescription="@string/reject" >
+                    </ImageButton>
 
-                <ImageButton
-                    android:id="@+id/transferButton"
-                    android:layout_width="wrap_content"
-                    android:layout_height="wrap_content"
-                    android:layout_below="@id/uriRow"
-                    android:padding="0dp"
-                    android:src="@drawable/call_transfer"
-                    android:background="@null"
-                    android:layout_marginStart="140dp"
-                    android:clickable="false"
-                    android:visibility="invisible"
-                    android:contentDescription="@string/call_transfer" >
-                </ImageButton>
+                    <ImageButton
+                        android:id="@+id/holdButton"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:padding="0dp"
+                        android:src="@drawable/pause"
+                        android:background="@null"
+                        android:layout_marginStart="70dp"
+                        android:clickable="false"
+                        android:visibility="invisible"
+                        android:contentDescription="@string/hold" >
+                    </ImageButton>
 
-                <EditText
-                    android:id="@+id/dtmf"
-                    android:layout_width="64dp"
-                    android:layout_height="wrap_content"
-                    android:layout_below="@id/uriRow"
-                    android:layout_marginStart="210dp"
-                    android:inputType="phone"
-                    android:textSize="20sp"
-                    android:hint="@string/dtmf"
-                    android:visibility="invisible"
-                    android:importantForAutofill="no" >
-                </EditText>
+                    <ImageButton
+                        android:id="@+id/transferButton"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:padding="0dp"
+                        android:src="@drawable/call_transfer"
+                        android:background="@null"
+                        android:layout_marginStart="135dp"
+                        android:clickable="false"
+                        android:visibility="invisible"
+                        android:contentDescription="@string/call_transfer" >
+                    </ImageButton>
 
-                <ImageButton
-                    android:id="@+id/info"
-                    android:layout_width="wrap_content"
-                    android:layout_height="wrap_content"
-                    android:layout_below="@id/uriRow"
-                    android:padding="0dp"
-                    android:layout_alignParentEnd="true"
-                    android:src="@drawable/info"
-                    android:layout_marginTop="6dp"
-                    android:background="@null"
-                    android:clickable="false"
-                    android:visibility="invisible"
-                    android:contentDescription="@string/call_info" >
-                </ImageButton>
+                    <EditText
+                        android:id="@+id/dtmf"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_toEndOf="@+id/transferButton"
+                        android:layout_toStartOf="@+id/info"
+                        android:layout_marginStart="16dp"
+                        android:layout_marginEnd="16dp"
+                        android:hint="@string/dtmf"
+                        android:importantForAutofill="no"
+                        android:inputType="phone"
+                        android:textSize="20sp"
+                        android:visibility="invisible">
+                    </EditText>
+
+                    <ImageButton
+                        android:id="@+id/info"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:padding="0dp"
+                        android:layout_alignParentEnd="true"
+                        android:src="@drawable/info"
+                        android:layout_marginTop="6dp"
+                        android:background="@null"
+                        android:clickable="false"
+                        android:visibility="invisible"
+                        android:contentDescription="@string/call_info" >
+                    </ImageButton>
+
+                </RelativeLayout>
 
             </RelativeLayout>