From 12d17c54d3488cef8692f82c01d6d15082f652c5 Mon Sep 17 00:00:00 2001
From: Severiano Jaramillo <severiano.jaramillo@gmail.com>
Date: Wed, 16 Jan 2019 09:47:17 -0600
Subject: [PATCH] Improve HomeFragment layout by increasing elevation (and
 shadows) of buttons, changing the line that connect the camera and send
 buttons to red color and also improving the Send and Receive text by using
 caps and a small spacing from the buttons above.

---
 app/src/main/res/layout/fragment_home.xml | 12 +++++++++++-
 app/src/main/res/values/dimens.xml        |  3 +++
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/app/src/main/res/layout/fragment_home.xml b/app/src/main/res/layout/fragment_home.xml
index 6356d06..0c0e2e4 100644
--- a/app/src/main/res/layout/fragment_home.xml
+++ b/app/src/main/res/layout/fragment_home.xml
@@ -37,11 +37,13 @@
 
             <com.google.android.material.floatingactionbutton.FloatingActionButton
                 android:id="@+id/fabReceiveTransaction"
+                style="@style/Widget.MaterialComponents.FloatingActionButton"
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
                 app:fabSize="auto"
                 app:fabCustomSize="120dp"
                 app:maxImageSize="70dp"
+                app:elevation="@dimen/fab_elevation"
                 app:borderWidth="0dp"
                 android:backgroundTint="@color/colorReceive"
                 android:src="@drawable/ic_receive"
@@ -55,7 +57,9 @@
                 android:id="@+id/tvReceiveTransaction"
                 android:layout_width="0dp"
                 android:layout_height="wrap_content"
+                android:paddingTop="8dp"
                 android:text="@string/title_receive"
+                android:textAllCaps="true"
                 android:textAppearance="@style/TextAppearance.Bitsy.Body1"
                 android:textAlignment="center"
                 app:layout_constraintTop_toBottomOf="@+id/fabReceiveTransaction"
@@ -65,10 +69,12 @@
 
             <com.google.android.material.floatingactionbutton.FloatingActionButton
                 android:id="@+id/fabSendTransactionCamera"
+                style="@style/Widget.MaterialComponents.FloatingActionButton"
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
                 app:fabSize="mini"
                 android:src="@drawable/ic_camera"
+                app:elevation="@dimen/fab_elevation"
                 app:borderWidth="0dp"
                 android:backgroundTint="@color/colorSend"
                 app:layout_constraintTop_toTopOf="@id/fabSendTransaction"
@@ -78,11 +84,13 @@
 
             <com.google.android.material.floatingactionbutton.FloatingActionButton
                 android:id="@+id/fabSendTransaction"
+                style="@style/Widget.MaterialComponents.FloatingActionButton"
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
                 app:fabSize="auto"
                 app:fabCustomSize="120dp"
                 app:maxImageSize="70dp"
+                app:elevation="@dimen/fab_elevation"
                 app:borderWidth="0dp"
                 android:backgroundTint="@color/colorSend"
                 android:src="@drawable/ic_send"
@@ -96,7 +104,9 @@
                 android:id="@+id/tvSendTransaction"
                 android:layout_width="0dp"
                 android:layout_height="wrap_content"
+                android:paddingTop="8dp"
                 android:text="@string/title_send"
+                android:textAllCaps="true"
                 android:textAppearance="@style/TextAppearance.Bitsy.Body1"
                 android:textAlignment="center"
                 app:layout_constraintTop_toBottomOf="@+id/fabSendTransaction"
@@ -107,7 +117,7 @@
             <View
                 android:layout_width="0dp"
                 android:layout_height="1dp"
-                android:background="@color/gray"
+                android:background="@color/colorSend"
                 app:layout_constraintTop_toTopOf="@id/fabSendTransactionCamera"
                 app:layout_constraintBottom_toBottomOf="@id/fabSendTransactionCamera"
                 app:layout_constraintStart_toEndOf="@id/fabSendTransactionCamera"
diff --git a/app/src/main/res/values/dimens.xml b/app/src/main/res/values/dimens.xml
index 6f512c5..c262699 100644
--- a/app/src/main/res/values/dimens.xml
+++ b/app/src/main/res/values/dimens.xml
@@ -12,6 +12,9 @@
     <dimen name="spacing_different_topic">24dp</dimen>
     <dimen name="spacing_different_section">40dp</dimen>
 
+    <!-- Home -->
+    <dimen name="fab_elevation">16dp</dimen>
+
     <!-- Initial setup -->
     <dimen name="logo_size">180dp</dimen>