OOBE: Fix CSS property name

Also removed paddings overrides from the sync consent screen and fingerpring
setup screen.

Bug: 1009531, 1000606, 1011284
Change-Id: I1b22cd2619691d628feb5a5bb084105ee41a4d15
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1844952
Commit-Queue: Denis Kuznetsov <antrim@chromium.org>
Reviewed-by: Denis Kuznetsov <antrim@chromium.org>
Cr-Commit-Position: refs/heads/master@{#703256}

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

@@ -7,10 +7,6 @@
   font-weight: 400; /* roboto-regular */
 }
 
-[slot='footer'] {
-  padding: 50px 0 0;
-}
-
 #fingerprintUnlockIcon {
   background-image: -webkit-image-set(
       url(images/1x/finger_unlock.svg) 1x,

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

@@ -14,8 +14,8 @@
 
 #header-container {
   padding-bottom: 0;
-  padding-end: var(--oobe-dialog-content-padding);
-  padding-start: var(--oobe-dialog-content-padding);
+  padding-inline-end: var(--oobe-dialog-content-padding);
+  padding-inline-start: var(--oobe-dialog-content-padding);
   padding-top: var(--oobe-dialog-content-padding);
 }
 

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

@@ -8,10 +8,6 @@
   font-weight: 400; /* roboto-regular */
 }
 
-[slot='footer'] {
-  padding: 18px 64px 0;
-}
-
 .overview-list-item {
   background-color: var(--google-grey-100);
   margin-bottom: 16px;

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

@@ -16,7 +16,7 @@
     <link rel="stylesheet" href="oobe_flex_layout.css">
     <oobe-dialog id="syncConsentOverviewDialog" role="dialog" has-buttons
         aria-label$="[[i18nDynamic(locale, 'syncConsentScreenTitle')]]"
-        no-footer-padding hidden>
+        hidden>
       <hd-iron-icon slot="oobe-icon"
           icon1x="sync-consent-32:googleg" icon2x="sync-consent-64:googleg">
       </hd-iron-icon>
@@ -73,7 +73,7 @@
     <oobe-dialog id="syncConsentNewDialog" role="dialog"
         aria-label$="[[i18nRecursive(locale, 'syncConsentNewScreenTitle',
                                      'productName')]]"
-        has-buttons no-footer-padding hidden>
+        has-buttons hidden>
       <img srcset="chrome://oobe/logo_24px-1x.svg 1x,
                    chrome://oobe/logo_24px-2x.svg 2x"
           slot="oobe-icon">
@@ -145,7 +145,7 @@
     </oobe-dialog>
     <oobe-dialog id="syncConsentMakeChromeSyncOptionsDialog" role="dialog"
         aria-label$="[[i18nDynamic(locale, 'syncConsentNewSyncOptions')]]"
-        has-buttons no-footer-padding hidden>
+        has-buttons hidden>
       <img srcset="chrome://oobe/logo_24px-1x.svg 1x,
                    chrome://oobe/logo_24px-2x.svg 2x"
           slot="oobe-icon">