[CrOS Wallpaper] Extend "Daily text" to 2 lines if overflows in language

Currently, if the "Daily text" label is too long in a language (e.g
Spanish MX), the text does not wrap and overlaps with the subsequent
toggle.  This CL ensures that if the label is too long it will wrap the
text to a maximum of 2 lines.

screenshots:
https://drive.google.com/open?id=16oh9vg3FVmgNbYwg-4bEUbw66KHTxj-l

Fixed: 1001901
Change-Id: I0d36a10b5d2ee5b4eb6e84bef313c58bb79230de
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1938367Reviewed-by: Xiaoqian Dai <xdai@chromium.org>
Commit-Queue: Regan Hsu <hsuregan@chromium.org>
Cr-Commit-Position: refs/heads/master@{#720700}

chrome/browser/resources/chromeos/wallpaper_manager/css/wallpaper_manager.css

@@ -656,8 +656,10 @@ html[dir='rtl'] .top-header-contents .more-options {
 }
 
 .daily-refresh-banner {
+  align-items: center;
   background-color: rgba(228, 228, 228, 0.9);
   bottom: 0;
+  display: flex;
   height: 40px;
   position: absolute;
   width: 100%;
@@ -745,9 +747,17 @@ html[dir='rtl'] .top-header-contents .more-options {
   font-family: 'Roboto';
   font-size: 13px;
   font-weight: 500;
-  left: 18px;
+  line-height: 13px;
+  max-height: 26px;
+  overflow: hidden;
+  padding-inline-end: 8px;
+  padding-inline-start: 13px;
   position: absolute;
-  top: 13px;
+  width: 98px;
+}
+
+html[dir='rtl'] .daily-refresh-label {
+  padding-inline-start: 52px;
 }
 
 #current-wallpaper-info-bar {