Layout improvement

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

@@ -167,12 +167,12 @@
         android:id="@+id/fabPrev"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
-        android:layout_gravity="center_vertical|start"
+        android:layout_gravity="bottom|start"
         android:layout_margin="16dp"
         android:src="@drawable/baseline_skip_previous_24"
         android:tint="@color/colorActionForeground"
-        app:backgroundTint="?attr/colorAccent"
-        app:fabSize="mini"
+        app:backgroundTint="?attr/colorFabTransparent"
+        app:elevation="0dp"
         app:layout_constraintBottom_toBottomOf="parent"
         app:layout_constraintStart_toStartOf="parent" />
 
@@ -180,12 +180,12 @@
         android:id="@+id/fabNext"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
-        android:layout_gravity="center_vertical|end"
+        android:layout_gravity="bottom|end"
         android:layout_margin="16dp"
         android:src="@drawable/baseline_skip_next_24"
         android:tint="@color/colorActionForeground"
-        app:backgroundTint="?attr/colorAccent"
-        app:fabSize="mini"
+        app:backgroundTint="?attr/colorFabTransparent"
+        app:elevation="0dp"
         app:layout_constraintBottom_toBottomOf="parent"
         app:layout_constraintEnd_toEndOf="parent" />
 </androidx.coordinatorlayout.widget.CoordinatorLayout>

app/src/main/res/values/colors.xml

@@ -14,6 +14,7 @@
     <color name="lightColorDrawerScrim">#99000000</color>
     <color name="lightColorDrawerText">#111</color>
     <color name="lightColorDrawerBackground">#eee</color>
+    <color name="lightColorFabTransparent">#8aaa</color>
 
     <color name="darkColorUnread">#fff</color>
     <color name="darkColorItemSelected">#555</color>
@@ -22,6 +23,7 @@
     <color name="darkColorDrawerScrim">#997f7f7f</color>
     <color name="darkColorDrawerText">#fff</color>
     <color name="darkColorDrawerBackground">#222</color>
+    <color name="darkColorFabTransparent">#8666</color>
 
     <!-- default: #323232 -->
     <color name="design_snackbar_background_color" tools:override="true">#ff000000</color>

app/src/main/res/values/styles.xml

@@ -5,6 +5,7 @@
     <attr name="colorDrawerScrim" format="reference" />
     <attr name="colorDrawerText" format="reference" />
     <attr name="colorDrawerBackground" format="reference" />
+    <attr name="colorFabTransparent" format="reference" />
     <attr name="drawableItemBackground" format="reference" />
 
     <style name="AppThemeLight" parent="Base.Theme.AppCompat.Light.DarkActionBar">
@@ -20,6 +21,7 @@
         <item name="colorDrawerScrim">@color/lightColorDrawerScrim</item>
         <item name="colorDrawerText">@color/lightColorDrawerText</item>
         <item name="colorDrawerBackground">@color/lightColorDrawerBackground</item>
+        <item name="colorFabTransparent">@color/lightColorFabTransparent</item>
 
         <item name="drawableItemBackground">@drawable/item_background_light</item>
 
@@ -42,6 +44,7 @@
         <item name="colorDrawerScrim">@color/darkColorDrawerScrim</item>
         <item name="colorDrawerText">@color/darkColorDrawerText</item>
         <item name="colorDrawerBackground">@color/darkColorDrawerBackground</item>
+        <item name="colorFabTransparent">@color/darkColorFabTransparent</item>
 
         <item name="drawableItemBackground">@drawable/item_background_dark</item>