Merge pull request #17077 from GitStartHQ/issue/16403_my_site_dashboard_gray_line_missing_under_the_taps

My Site Dashboard - Gray line missing under the tabs #16403

Author: AjeshRPai

WordPress/src/main/res/drawable/tab_indicator_color.xml

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:state_selected="false" android:state_pressed="false">
+        <layer-list>
+            <item  android:top="-10dp" android:left="-1000dp" android:right="-1000dp">
+                <shape android:shape="rectangle" >
+                    <stroke android:color="@color/gray" android:width="0.5dp"/>
+                </shape>
+            </item>
+        </layer-list>
+    </item>
+</selector>

WordPress/src/main/res/values-land/dimens.xml

@@ -4,5 +4,6 @@
     <!-- login -->
     <dimen name="prologue_promo_title_size">24sp</dimen>
     <dimen name="prologue_promo_illustration_margin_bottom">48dp</dimen>
+    <dimen name="app_bar_with_site_info_tabs_height">174dp</dimen>
 
 </resources>

WordPress/src/main/res/values/dimens.xml

@@ -715,7 +715,7 @@
 
     <dimen name="app_bar_with_site_info_height">146dp</dimen>
     <dimen name="app_bar_with_no_site_info_height">62dp</dimen>
-    <dimen name="app_bar_with_site_info_tabs_height">206dp</dimen>
+    <dimen name="app_bar_with_site_info_tabs_height">200dp</dimen>
     <dimen name="toolbar_bottom_margin_with_no_tabs">0dp</dimen>
     <dimen name="toolbar_bottom_margin_with_tabs">168dp</dimen>
 

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

@@ -374,6 +374,7 @@
         <item name="tabTextColor">?attr/wpColorOnSurfaceMedium</item>
         <item name="tabSelectedTextColor">?attr/colorOnSurface</item>
         <item name="tabIndicatorColor">?attr/colorPrimary</item>
+        <item name="tabBackground">@drawable/tab_indicator_color</item>
         <item name="android:layout_marginBottom">@dimen/bottom_tabs_divider_size</item>
     </style>