Elevate tabs rather than app bar in article list

Author: proletarius101

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

@@ -9,8 +9,8 @@
 
     <com.google.android.material.appbar.AppBarLayout
         android:layout_width="match_parent"
-        android:layout_height="wrap_content">
-
+        android:layout_height="wrap_content"
+        app:elevation="0dp">
 
         <FrameLayout
             android:layout_width="match_parent"
@@ -26,10 +26,10 @@
                 android:id="@+id/progressBar"
                 android:layout_width="match_parent"
                 android:layout_height="14dp"
-                android:visibility="invisible"
                 android:indeterminate="true"
-                app:showAnimationBehavior="outward"
-                app:hideAnimationBehavior="inward" />
+                android:visibility="invisible"
+                app:hideAnimationBehavior="inward"
+                app:showAnimationBehavior="outward" />
 
         </FrameLayout>
 

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

@@ -1,6 +1,5 @@
 <?xml version="1.0" encoding="utf-8"?>
-<LinearLayout
-    xmlns:android="http://schemas.android.com/apk/res/android"
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:tools="http://schemas.android.com/tools"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
@@ -10,7 +9,8 @@
     <com.google.android.material.tabs.TabLayout
         android:id="@+id/articles_list_tab_layout"
         android:layout_width="match_parent"
-        android:layout_height="?attr/actionBarSize" />
+        android:layout_height="?attr/actionBarSize"
+        android:elevation="4dp" />
 
     <androidx.viewpager.widget.ViewPager
         android:id="@+id/articles_list_pager"