From 4ba764a1b6aa0110d32dc0d0f664b48b23fb6a62 Mon Sep 17 00:00:00 2001
From: "Lucius C. (czlucius)" <58442255+czlucius@users.noreply.github.com>
Date: Tue, 4 Oct 2022 22:25:49 +0800
Subject: [PATCH] For #10: Prevent overlap of pause and resume buttons

---
 app/src/main/res/layout/fragment_record.xml | 55 ++++++++++++---------
 1 file changed, 32 insertions(+), 23 deletions(-)

diff --git a/app/src/main/res/layout/fragment_record.xml b/app/src/main/res/layout/fragment_record.xml
index 0e9419be..fc831c3d 100644
--- a/app/src/main/res/layout/fragment_record.xml
+++ b/app/src/main/res/layout/fragment_record.xml
@@ -8,18 +8,41 @@
     android:paddingBottom="?attr/actionBarSize"
     tools:context=".fragments.RecordFragment">
 
-    <com.google.android.material.floatingactionbutton.FloatingActionButton
-        android:id="@+id/btnRecord"
+
+    <LinearLayout
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
-        android:layout_gravity="bottom|center_horizontal"
-        android:layout_marginBottom="16dp"
         android:layout_alignParentBottom="true"
         android:layout_centerHorizontal="true"
-        app:backgroundTint="@color/primary"
-        app:elevation="6dp"
-        app:fabSize="normal"
-        app:srcCompat="@drawable/ic_mic_white_36dp" />
+        android:paddingBottom="16dp"
+        android:paddingHorizontal="5dp"
+        android:clipToPadding="false"
+        android:layout_gravity="bottom|center_horizontal"
+        android:orientation="horizontal">
+
+        <com.google.android.material.button.MaterialButton
+            android:id="@+id/btnPause"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_gravity="center_vertical"
+            android:layout_marginHorizontal="16dp"
+            android:fontFamily="sans-serif-condensed"
+            app:icon="@drawable/ic_media_pause"
+            android:text="@string/pause_recording_button"
+            android:textAllCaps="true"
+            app:elevation="2dp" />
+
+        <com.google.android.material.floatingactionbutton.FloatingActionButton
+            android:id="@+id/btnRecord"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_gravity="center_vertical"
+            android:layout_marginHorizontal="16dp"
+            app:backgroundTint="@color/primary"
+            app:elevation="6dp"
+            app:fabSize="normal"
+            app:srcCompat="@drawable/ic_mic_white_36dp" />
+    </LinearLayout>
 
     <Chronometer
         android:id="@+id/chronometer"
@@ -54,21 +77,7 @@
         app:progressAnimationDuration="100"
         app:startAngle="270" />
 
-    <com.google.android.material.button.MaterialButton
-        android:id="@+id/btnPause"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:layout_alignParentStart="true"
-        android:layout_alignParentLeft="true"
-        android:layout_alignParentBottom="true"
-        android:layout_marginStart="16dp"
-        android:layout_marginLeft="16dp"
-        android:layout_marginBottom="16dp"
-        android:icon="@drawable/ic_media_pause"
-        android:fontFamily="sans-serif-condensed"
-        android:text="@string/pause_recording_button"
-        android:textAllCaps="true"
-        app:elevation="2dp" />
+
 
     <TextView
         android:id="@+id/recording_status_text"