Add sorting to the Data Saver site breakdown

chrome/android/java/res/values-v17/styles.xml

 <?xml version="1.0" encoding="utf-8"?>
 <!-- Copyright 2014 The Chromium Authors. All rights reserved.
      Use of this source code is governed by a BSD-style license that can be
      found in the LICENSE file. -->
 
 <resources xmlns:tools="http://schemas.android.com/tools">
     <!-- Q: Why put style resources under values-v17/ ?
          A: Problem:
             1. paddingStart causes a crash on Galaxy Tab&Note b/8351339.
             2. So we wrote a build script(generate_v14_compatible_resources.py) to convert
@@ skipping 101 matching lines @@
         <item name="android:selectable">false</item>
     </style>
     <style name="PreferenceCategoryWithButtonStyle">
         <item name="android:paddingStart">8dp</item>
         <item name="android:paddingEnd">4dp</item>
         <item name="android:paddingTop">16dp</item>
         <item name="android:layout_marginBottom">16dp</item>
     </style>
     <style name="PreferenceCategoryTextStyle">
         <item name="android:textColor">@color/pref_accent_color</item>
-        <item name="android:textSize">14sp</item>
+        <item name="android:textSize">12sp</item>
         <item name="android:textStyle">bold</item>
     </style>
     <style name="PreferenceTitle">
         <item name="android:ellipsize">end</item>
         <item name="android:singleLine">true</item>
         <item name="android:textAppearance">?android:attr/textAppearanceMedium</item>
     </style>
     <style name="PreferenceSummary">
         <item name="android:textAppearance">?android:attr/textAppearanceSmall</item>
         <item name="android:textColor">?android:attr/textColorSecondary</item>
@@ skipping 447 matching lines @@
         <item name="android:textSize">20sp</item>
     </style>
     <style name="PrivacyDisclaimerText">
         <item name="android:layout_width">match_parent</item>
         <item name="android:layout_height">wrap_content</item>
         <item name="android:layout_marginTop">6dp</item>
         <item name="android:lineSpacingExtra">6sp</item>
         <item name="android:textSize">14sp</item>
         <item name="android:visibility">gone</item>
     </style>
-    <style name="DataUsageBreakdownColumnLabel">
-        <item name="android:layout_height">wrap_content</item>
-        <item name="android:paddingBottom">10dp</item>
-        <item name="android:paddingTop">10dp</item>
-        <item name="android:singleLine">true</item>
-        <item name="android:textSize">16sp</item>
-        <item name="android:textAppearance">@style/RobotoMediumStyle</item>
-    </style>
-    <style name="DataUsageBreakdownColumnItem">
-        <item name="android:layout_height">wrap_content</item>
-        <item name="android:paddingBottom">10dp</item>
-        <item name="android:paddingTop">10dp</item>
-        <item name="android:singleLine">true</item>
-        <item name="android:textColor">?android:attr/textColorPrimary</item>
-        <item name="android:textSize">14sp</item>
-    </style>
 
     <!-- New tab page RecyclerView overscroll color -->
     <style name="NewTabPageRecyclerView">
         <item name="android:colorEdgeEffect">@color/google_grey_300</item>
     </style>
 
     <!-- History UI -->
     <style name="HistoryStartIcon">
         <item name="android:layout_width">@dimen/selectable_list_layout_start_icon_width</item>
         <item name="android:layout_height">match_parent</item>
@@ skipping 70 matching lines @@
     </style>
     <style name="DownloadIconView">
         <item name="android:layout_width">@dimen/downloads_item_icon_size</item>
         <item name="android:layout_height">@dimen/downloads_item_icon_size</item>
         <item name="android:layout_marginEnd">16dp</item>
         <item name="android:contentDescription">@null</item>
         <item name="android:scaleType">center</item>
         <item name="android:background">@color/light_active_color</item>
     </style>
 
+    <!-- Data Reduction -->
+    <style name="DataReductionPrefSecondaryStyle">
+        <item name="android:textColor">?android:attr/textColorSecondary</item>
+        <item name="android:textSize">12sp</item>
+    </style>
+    <style name="DataUsageBreakdownColumnLabel">
+        <item name="android:layout_height">wrap_content</item>
+        <item name="android:paddingBottom">10dp</item>
+        <item name="android:paddingTop">10dp</item>
+        <item name="android:singleLine">true</item>
+        <item name="android:textSize">14sp</item>
+        <item name="android:textAppearance">@style/RobotoMediumStyle</item>
+    </style>
+    <style name="DataUsageBreakdownColumnItem">
+        <item name="android:layout_height">wrap_content</item>
+        <item name="android:paddingBottom">10dp</item>
+        <item name="android:paddingTop">10dp</item>
+        <item name="android:singleLine">true</item>
+        <item name="android:textColor">@color/data_reduction_breakdown_text_color</item>
+        <item name="android:textSize">12sp</item>
+    </style>
+
     <!-- Miscellaneous -->
     <style name="BottomSheetContentTitle" parent="TextAppearance.Widget.AppCompat.Toolbar.Title">
         <item name="android:textSize">20sp</item>
     </style>
 </resources>