Query Tiles : Fix for text wrap

This CL tries to fix the multiline text for query tiles. It also tries
to make the tile wider so that longer text can fit in.

Bug: 1085110
Change-Id: I4de898920435ed96fe3c2811db1e6b8544cefbc4
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2210663
Commit-Queue: Shakti Sahu <shaktisahu@chromium.org>
Reviewed-by: Theresa  <twellington@chromium.org>
Reviewed-by: Shakti Sahu <shaktisahu@chromium.org>
Cr-Commit-Position: refs/heads/master@{#772066}

components/browser_ui/widget/android/java/res/layout/query_tile_view.xml

@@ -36,5 +36,6 @@
         android:paddingBottom="6dp"
         android:paddingStart="8dp"
         android:paddingEnd="8dp"
-        android:textAppearance="@style/TextAppearance.TextMedium.Primary.Light"/>
+        android:breakStrategy="balanced"
+        android:textAppearance="@style/TextAppearance.TextSmall.Primary.Light"/>
 </RelativeLayout>

components/browser_ui/widget/android/java/res/values/dimens.xml

@@ -90,7 +90,7 @@
     <dimen name="default_list_row_padding">16dp</dimen>
 
   <!-- Query tile dimensions -->
-  <dimen name="tile_ideal_width">86dp</dimen>
+  <dimen name="tile_ideal_width">92dp</dimen>
 
   <!-- Query tile container dimensions -->
   <dimen name="tile_grid_inter_tile_padding">12dp</dimen>