[CrOS Wallpaper] Fix Arabic 'Refresh' and 'Explore' button alignment.

The Arabic string for 'Refresh' changed, causing de-alignment issues.
Space on the right side is reduced to account for a longer string.

Initial -
screenshot: https://screenshot.googleplex.com/YTso9OyFquU

2nd patch -
screenshots:
  Normal Text:
  - https://screenshot.googleplex.com/auLs71d3Ops
  - https://screenshot.googleplex.com/YeMT1v0Wdgy
  Exaggerated long text:
  - https://screenshot.googleplex.com/BSJaTPBnGmb
  - https://screenshot.googleplex.com/Om5iuYQUfT1

Bug: 987195
Change-Id: Ib1de302b0eaab700270a5a1fd46abf9609fd7870
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1850412
Commit-Queue: Regan Hsu <hsuregan@chromium.org>
Reviewed-by: Kyle Horimoto <khorimoto@chromium.org>
Reviewed-by: Xiaoqian Dai <xdai@chromium.org>
Cr-Commit-Position: refs/heads/master@{#704480}

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

@@ -750,6 +750,10 @@ html[dir='rtl'] .top-header-contents .more-options {
   visibility: hidden;  /* Need this for correct positioning. */
 }
 
+#current-wallpaper-info-bar .spacer {
+  flex: 1;
+}
+
 :not(.preview-mode) #current-wallpaper-info-bar.show-info-bar {
   visibility: visible;
 }
@@ -800,12 +804,6 @@ html[dir='rtl'] .top-header-contents .more-options {
   display: flex;
   flex-direction: column;
   font-size: 12px;
-  position: absolute;
-  right: 0;
-}
-
-html[dir='rtl'] #current-wallpaper-more-options {
-  right: 420px;
 }
 
 #current-wallpaper-more-options > div {
@@ -825,7 +823,12 @@ html[dir='rtl'] #current-wallpaper-more-options {
 }
 
 #current-wallpaper-more-options .text {
-  padding-top: 1px;
+  height: 16px;
+  line-height: 16px;
+  max-width: 160px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
 #current-wallpaper-more-options .icon {

chrome/browser/resources/chromeos/wallpaper_manager/main.html

@@ -104,6 +104,7 @@ found in the LICENSE file.
               <div id="current-wallpaper-title"></div>
               <div id="current-wallpaper-description"></div>
             </div>
+            <div class="spacer"></div>
             <div id="current-wallpaper-more-options">
               <div id="refresh">
                 <div class="icon"></div>