ChromeOS: Update styles of material design OOBE.

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

Index: chrome/browser/resources/chromeos/login/oobe_dialog.css
diff --git a/chrome/browser/resources/chromeos/login/oobe_dialog.css b/chrome/browser/resources/chromeos/login/oobe_dialog.css
index fdb142f629ef2c73ec1c5dab474c1631cb95ed1f..fe44c411ba3994e1e645cf304a096f53f8725f70 100644
--- a/chrome/browser/resources/chromeos/login/oobe_dialog.css
+++ b/chrome/browser/resources/chromeos/login/oobe_dialog.css
@@ -2,67 +2,27 @@
    Use of this source code is governed by a BSD-style license that can be

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

asterisks as other files

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

Done.

    found in the LICENSE file. */
 
-:host {
-  background-color: white;
-  display: flex;
-  flex-direction: column;
-  position: relative;
-  width: 582px;
-}
-
-.oobe-icon-div {
- --iron-icon-height: 20px;
- --iron-icon-width: 20px;
- color: var(--google-blue-500);
+#header-container {
+  padding-left: 64px;

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

nit: use shorthand
    padding: 64px 64px 64px 0;

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

Done.

+  padding-right: 64px;
+  padding-top: 64px;
 }
 
 .oobe-header {
-  color: black;
-  height: 150px;
-}
-
-.oobe-footer {
-  position: relative;
+  min-height: 84px; /* 64 title + 20 subtitle */
 }
 
-.header-container {
-  padding: 50px 40px 18px;
-}
-
-.footer-container {
-  overflow-y: auto;
-  padding: 24px 40px 34px;
+#footer-container {
+  padding-left: 64px;

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

same: shorthand

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

Done.

+  padding-right: 64px;
+  padding-top: 44px;
 }
 
 #oobe-bottom {
   box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.14);
-  padding: 24px 40px 34px;
+  max-height: 80px;
+  min-height: 80px;

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

can "min-height" just be "height" if you want the height to be 80px?

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

Done.

+  padding-left: 24px;
+  padding-right: 24px;
   z-index: 1;
 }
-
-::content div.oobe-body-text {
-  margin-bottom: 24px;
-}
-
-::content div.oobe-body-text p {
-  color: rgba(0, 0, 0, 0.87);
-  font-size: 14px;
-  line-height: 20px;
-  margin: 0;
-}
-
-::content h1.welcome-message {
-  color: rgba(0, 0, 0, 0.87);
-  font-size: 20px;
-  font-weight: normal;
-  margin-bottom: 0;
-}
-
-::content h1.welcome-message-hint {
-  color: rgba(0, 0, 0, 0.87);
-  font-size: 12px;
-  font-weight: normal;
-  margin-bottom: 0;
-}
-
-