Chrome OS: Move policy indicator in time zone settings UI.

This CL adds --settings-dropdown-menu-policy-order css
variable to settings-dropdown-menu to customize
policy indicator position, and applies "display last"
order to time zone UI dropdowns.

Bug: 800597
Cq-Include-Trybots: master.tryserver.chromium.linux:closure_compilation
Change-Id: I45cae7018e4c9f7cc01712daf870472aaf24768d
Reviewed-on: https://chromium-review.googlesource.com/898567
Commit-Queue: Alexander Alekseev <alemate@chromium.org>
Reviewed-by: Demetrios Papadopoulos <dpapad@chromium.org>
Cr-Commit-Position: refs/heads/master@{#534628}

chrome/browser/resources/settings/controls/settings_dropdown_menu.html

@@ -16,8 +16,13 @@
         display: inline-flex;
       }
 
+      /* When settings-dropdown-menu is start-aligned, we probably want policy
+       * indicator to be be displayed after the dropdown.
+       * Setting --settings-dropdown-menu-policy-order to 1 will do the job.
+       */
       cr-policy-pref-indicator {
         margin: 0 var(--settings-controlled-by-spacing);
+        order: var(--settings-dropdown-menu-policy-order, 0);
       }
 
       /* Hide "Custom" value when unselectable. */

chrome/browser/resources/settings/date_time_page/timezone_selector.html

@@ -13,6 +13,11 @@
       settings-dropdown-menu {
         --md-select-width: 400px;
       }
+      /* When per_user_timezone_enabled is true, dropdowns are start-aligned. */
+      #userTimeZoneSelector,
+      #systemTimezoneSelector {
+        --settings-dropdown-menu-policy-order: 1;
+      }
     </style>
     <template is="dom-if" restamp
         if="[[!prefs.cros.flags.per_user_timezone_enabled.value]]">

chrome/browser/resources/settings/date_time_page/timezone_subpage.html

@@ -16,6 +16,7 @@
       }
       settings-dropdown-menu {
         --md-select-width: 400px;
+        --settings-dropdown-menu-policy-order: 1;
       }
       #timeZoneResolveMethodDropdown,
       #timezoneSelector {