Updated the width of bottom navigation

app/build.gradle

@@ -131,5 +131,5 @@ dependencies {
     implementation 'androidx.transition:transition:1.3.1'
     implementation 'androidx.multidex:multidex:2.0.1'
     implementation 'androidx.core:core-ktx:1.2.0'
-    implementation 'com.google.android.material:material:1.2.0-alpha03'
+    implementation 'com.google.android.material:material:1.2.0-alpha05'
 }

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

@@ -14,7 +14,6 @@
     <androidx.coordinatorlayout.widget.CoordinatorLayout
         android:layout_width="match_parent"
         android:layout_height="match_parent"
-        android:background="?colorSurface"
         android:orientation="vertical"
         android:paddingLeft="@{viewModel.insets.left}"
         android:paddingRight="@{viewModel.insets.right}"
@@ -43,10 +42,21 @@
 
         </com.google.android.material.appbar.AppBarLayout>
 
+        <!--
+        todo(diareuse) this stupid-ass bottom menu doesn't fit with the fab-s, so either of those
+         things need to be removed, probably the fab-s.
+
+         Using the BottomAppBar is not viable as it looks terrible with the blank space in the
+         middle and / or with the "animation" which BottomNavigationView performs when it's
+         reinflating its menu items. This bullshit cockblocks the entire feature. Terrific.
+
+         Possibility is then to keep the middle fab and assign it some other functionality on all
+         screens. Which -ha-ha- good luck finding something on superuser and homepage...
+         -->
         <com.google.android.material.card.MaterialCardView
             android:id="@+id/main_bottom_bar"
             style="@style/WidgetFoundation.Card.Elevated"
-            android:layout_width="192dp"
+            android:layout_width="224dp"
             android:layout_height="wrap_content"
             android:layout_gravity="bottom|center_horizontal"
             android:layout_marginStart="@dimen/l1"
@@ -65,8 +75,11 @@
                     android:layout_width="match_parent"
                     android:layout_height="wrap_content"
                     android:background="@android:color/transparent"
+                    android:textStyle="bold"
                     app:elevation="0dp"
+                    app:itemHorizontalTranslationEnabled="false"
                     app:itemIconTint="@color/color_menu_tint"
+                    app:itemRippleColor="?colorPrimary"
                     app:itemTextAppearanceActive="@style/AppearanceFoundation.Tiny.Bold"
                     app:itemTextAppearanceInactive="@style/AppearanceFoundation.Tiny.Bold"
                     app:itemTextColor="@color/color_menu_tint"

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

@@ -103,6 +103,7 @@
 
     <style name="AppearanceFoundation.Tiny.Bold">
         <item name="android:textStyle">bold</item>
+        <item name="android:fontFamily">@font/exo_bold</item>
     </style>
 
     <style name="AppearanceFoundation.Tiny.Variant">