Chrome OS: Update first run sync settings screen after UI review.

Bug: 794371
Cq-Include-Trybots: master.tryserver.chromium.linux:closure_compilation
Change-Id: I89faadd5eeda922bcd8f7aad3180e47a65400d59
Reviewed-on: https://chromium-review.googlesource.com/963683
Commit-Queue: Alexander Alekseev <alemate@chromium.org>
Reviewed-by: Wenzhao (Colin) Zang <wzang@chromium.org>
Cr-Commit-Position: refs/heads/master@{#543260}

chrome/browser/resources/chromeos/login/sync_consent.css

@@ -8,7 +8,10 @@
   font-weight: 400; /* roboto-regular */
   height: 640px;
   width: 768px;
-  --sync-consent-dialog-list-item-border: 1px solid rgba(0, 0, 0, 0.06);
+}
+
+.footer {
+  padding: 18px 64px 0;
 }
 
 .overview-list-item {
@@ -17,6 +20,10 @@
   padding: 16px;
 }
 
+.overview-list-item:last-of-type {
+  margin-bottom: 0;
+}
+
 .overview-list-item-icon {
   -webkit-padding-end: 16px;
 }
@@ -26,14 +33,11 @@
   margin-bottom: 4px;
 }
 
-.sync-status-line {
-  padding-top: 32px;
-}
-
-a {
-  color: var(--google-blue-500);
-  text-decoration: none;
-  width: fit-content;
+paper-checkbox {
+  --paper-checkbox-label-spacing: 12px;
+  --paper-checkbox-size: 16px;
+  -webkit-padding-start: 8px;
+  padding-top: 28px; /* 40 to label base line => 40 - 16/2 - 13/3 = 28 */
 }
 
 #syncConsentOverviewDialog .bottom-buttons {

chrome/browser/resources/chromeos/login/sync_consent.html

@@ -41,7 +41,8 @@
     <link rel="stylesheet" href="oobe_dialog_parameters.css">
     <link rel="stylesheet" href="oobe_flex_layout.css">
     <oobe-dialog id="syncConsentOverviewDialog" role="dialog" has-buttons
-        aria-label$="[[i18nDynamic(locale, 'syncConsentScreenTitle')]]">
+        aria-label$="[[i18nDynamic(locale, 'syncConsentScreenTitle')]]"
+        no-footer-padding>
       <hd-iron-icon class="oobe-icon"
           icon1x="sync-consent-32:googleg" icon2x="sync-consent-64:googleg">
       </hd-iron-icon>
@@ -80,18 +81,14 @@
             </div>
           </div>
         </div>
-        <div id="reviewSettings" class="layout horizontal">
-          <paper-checkbox id="reviewSettingsBox">
-          </paper-checkbox>
-          <div id="reviewSettingsLabelContainer">
-            [[i18nDynamic(locale, 'syncConsentReviewSyncOptionsText')]]
-          </div>
-        </div>
+        <paper-checkbox id="reviewSettingsBox">
+          [[i18nDynamic(locale, 'syncConsentReviewSyncOptionsText')]]
+        </paper-checkbox>
       </div>
       <div class="bottom-buttons layout horizontal end-justified">
         <oobe-text-button id="acceptAndContinue"
           on-tap="onSettingsSaveAndContinue_" class="focus-on-show" inverse>
-          [[i18nDynamic(locale, 'syncConsentAcceptAndContinue')]]
+          <div>[[i18nDynamic(locale, 'syncConsentAcceptAndContinue')]]</div>
         </oobe-text-button>
       </div>
     </oobe-dialog>