ChromeOS: Update styles of material design OOBE.

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

Index: chrome/browser/resources/chromeos/login/oobe_eula.html
diff --git a/chrome/browser/resources/chromeos/login/oobe_eula.html b/chrome/browser/resources/chromeos/login/oobe_eula.html
index 5eb000621c41af652ef61504e2fc9d9ae59c30bc..0495293dad10e77c05261ae3c8b7896ec637da6f 100644
--- a/chrome/browser/resources/chromeos/login/oobe_eula.html
+++ b/chrome/browser/resources/chromeos/login/oobe_eula.html
@@ -22,29 +22,29 @@
 </iron-iconset-svg>
 
 <dom-module name="oobe-eula-md">
-  <link rel="stylesheet" href="oobe_eula.css">
   <template>
+    <link rel="stylesheet" href="oobe_eula.css">
+    <link rel="stylesheet" href="oobe_dialog_arguments.css">
     <oobe-dialog class="fit" hidden="[[!eulaLoadingScreenShown]]"
         has-buttons>
       <iron-icon icon="oobe-eula:googleg" class="oobe-icon"></iron-icon>
-      <div class="header flex layout vertical end-justified start">
-        <h1 class="welcome-message" i18n-content="termsOfServiceLoading"></h1>
+      <div class="header">
+        <h1 class="title" i18n-content="termsOfServiceLoading"></h1>
       </div>
     </oobe-dialog>
     <oobe-dialog class="fit" hidden="[[!eulaScreenShown]]"
         has-buttons>
       <iron-icon icon="oobe-eula:googleg" class="oobe-icon"></iron-icon>
-      <div class="header flex layout vertical end-justified start">
-        <h1 class="welcome-message" i18n-content="oobeEulaSectionTitle"></h1>
+      <div class="header">
+        <h1 class="title" i18n-content="oobeEulaSectionTitle"></h1>
       </div>
-      <div class="footer layout vertical">
-        <div id="cros-eula">
-          <iframe id="crosEulaFrame" name="cros-eula-frame" class="eula-frame"
-              src="chrome://terms" on-load="onFrameLoad_">
-          </iframe>
-        </div>
+      <div class="footer flex layout vertical">
+        <iframe id="crosEulaFrame" class="flex" src="chrome://terms"
+            on-load="onFrameLoad_">
+        </iframe>
       </div>
-      <div class="bottom-buttons layout horizontal">
+      <div class="bottom-buttons flex layout horizontal">
+        <div class="flex"><!-- spacer to align button to the right --></div> 

[michaelpg, 2016/08/18 19:40:59]

would bottom-buttons {justify-content: flex-end} work instead of a spacer? (is
that what the end-justified class does?)

[Alexander Alekseev, 2016/08/19 06:00:06]

Done.

         <oobe-text-button inverse on-tap="eulaAccepted_"
             i18n-content="oobeEulaAcceptAndContinueButtonText"
             disabled="[[acceptButtonDisabled]]">