Added BottomAppBar to several fragments, various ui changes

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

@@ -14,6 +14,7 @@
         <item name="colorSecondary">@color/themeAccent</item>
 <!--        Bottom bar colors-->
         <item name="colorOnSecondaryContainer">@color/themeLight</item>
+        <item name="colorOnPrimaryContainer">@color/surfaceBg</item>
         <item name="colorOnSurfaceVariant">@color/themeLight</item>
         <item name="colorSecondaryContainer">@color/surfaceIcon</item>
 <!--        -->
@@ -41,6 +42,23 @@
         <item name="android:scrollbars">none</item>
     </style>
 
+    <style name="BottomAppBar">
+        <item name="android:layout_width">match_parent</item>
+        <item name="android:layout_height">56dp</item>
+        <item name="android:layout_gravity">bottom</item>
+        <item name="android:backgroundTint">@color/bottomAppBar</item>
+        <item name="contentInsetStart">4dp</item>
+        <item name="contentInsetEnd">4dp</item>
+        <item name="fabCradleMargin">8dp</item>
+        <item name="fabCradleRoundedCornerRadius">16dp</item>
+    </style>
+
+    <style name="FloatingActionButton">
+        <item name="android:layout_width">wrap_content</item>
+        <item name="android:layout_height">wrap_content</item>
+        <item name="android:backgroundTint">@color/themeAccent</item>
+    </style>
+
     <style name="RecyclerItemCard">
         <item name="android:layout_width">match_parent</item>
         <item name="android:layout_height">wrap_content</item>
@@ -136,4 +154,4 @@
         <item name="android:textSize">@dimen/text_size_medium</item>
     </style>
 
-</resources>
+</resources>