Font Size UI for Distilled Pages

chrome/android/java/res/layout/distilled_page_prefs_view.xml

Index: chrome/android/java/res/layout/distilled_page_prefs_view.xml
diff --git a/chrome/android/java/res/layout/distilled_page_prefs_view.xml b/chrome/android/java/res/layout/distilled_page_prefs_view.xml
index 94c1e98c03f64891b55b548ceddd7071aa959806..2b134040b3a2b54732044180d73413ed8b867175 100644
--- a/chrome/android/java/res/layout/distilled_page_prefs_view.xml
+++ b/chrome/android/java/res/layout/distilled_page_prefs_view.xml
@@ -9,22 +9,71 @@
     xmlns:android="http://schemas.android.com/apk/res/android"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
-    android:orientation="horizontal"
+    android:orientation="vertical"
     android:background="@drawable/distilled_page_pref_background"
     android:padding="10dp" >
 
-    <RadioButton
-        android:id="@+id/light_mode"
-        android:text="@string/light_mode"
-        style="@style/DistilledPagePrefThemeButton" />
+    <RadioGroup
+        android:id="@+id/radio_button_group"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:orientation="horizontal" >
 
-    <RadioButton
-        android:id="@+id/dark_mode"
-        android:text="@string/dark_mode"
-        style="@style/DistilledPagePrefThemeButton" />
+        <RadioButton
+            android:id="@+id/light_mode"
+            android:text="@string/light_mode"
+            style="@style/DistilledPagePrefThemeButton" />
+
+        <RadioButton
+            android:id="@+id/dark_mode"
+            android:text="@string/dark_mode"
+            style="@style/DistilledPagePrefThemeButton" />
+        <RadioButton
+            android:id="@+id/sepia_mode"
+            android:text="@string/sepia_mode"
+            style="@style/DistilledPagePrefThemeButton" />
+
+    </RadioGroup>
+    <LinearLayout
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:orientation="horizontal"
+        android:layout_marginTop="3dp">
+
+        <TextView
+            android:id="@+id/font_size_percentage"
+            android:layout_width="wrap_content"
+            android:layout_height="match_parent"
+            android:layout_marginEnd="3dp"
+            android:layout_marginStart="3dp"
+            android:minWidth="50dp"
+            android:gravity="center"
+            android:textSize="17sp" />
+
+        <TextView
+            android:layout_width="wrap_content"
+            android:layout_height="match_parent"
+            android:gravity="center_vertical"
+            android:layout_marginStart="5dp"
+            android:textSize="13sp"
+            android:text="@string/text_size_signifier" />
+
+        <SeekBar
+            android:id="@+id/font_size"
+            android:layout_width="0dp"
+            android:layout_height="wrap_content"
+            android:layout_weight="1"
+            android:orientation="horizontal"
+            android:max="30" />
+
+        <TextView
+            android:layout_width="wrap_content"
+            android:layout_height="match_parent"
+            android:gravity="center_vertical"
+            android:layout_marginEnd="3dp"
+            android:textSize="20sp"
+            android:text="@string/text_size_signifier" />
+
+    </LinearLayout>
 
-    <RadioButton
-        android:id="@+id/sepia_mode"
-        android:text="@string/sepia_mode"
-        style="@style/DistilledPagePrefThemeButton" />
 </org.chromium.chrome.browser.dom_distiller.DistilledPagePrefsView>