ChromeOS: Update styles of material design OOBE.

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

Index: chrome/browser/resources/chromeos/login/oobe_dialog_arguments.css
diff --git a/chrome/browser/resources/chromeos/login/oobe_dialog_arguments.css b/chrome/browser/resources/chromeos/login/oobe_dialog_arguments.css
new file mode 100644
index 0000000000000000000000000000000000000000..2fbf2c6c6eb9255570379c7176af71aa72e6440e
--- /dev/null
+++ b/chrome/browser/resources/chromeos/login/oobe_dialog_arguments.css
@@ -0,0 +1,38 @@
+/* Copyright 2016 The Chromium Authors. All rights reserved.

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

I don't understand the naming; how are these "arguments"?

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

Let it be "parameters".

+   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. */
+
+iron-icon.oobe-icon {
+  --iron-icon-height: 32px;
+  --iron-icon-width: 32px;
+  color: var(--google-blue-500);
+}
+
+oobe-dialog .header {
+  color: rgba(0, 0, 0, 0.87);
+  font-family: Roboto, sans-serif;

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

Hmm, you specify the same font-family in many places. Should the whole app be
Roboto? It should inherit by default.

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

In OOBE it is very difficult to guess what a style is going to affect. So I
think it is much safer to specify styles only for the elements that  need it.

+  font-variant: normal;

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

What is this for?

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

Done.

+}
+
+oobe-dialog h1.title {
+  color: rgba(0, 0, 0, 0.87);
+  font-size: 28px;
+  font-weight: normal;

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

nit: inherit, if you want to use the same font-weight as the rest of the app

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

Done.

+  margin-bottom: 0;
+  margin-top: 36px; /* = 64 - font height*/
+}
+
+oobe-dialog .subtitle {
+  color: rgba(0, 0, 0, 0.87);
+  font-size: 13px;
+  margin-bottom: 0;
+  margin-top: 27px; /* = 40 - line-height */
+}
+
+oobe-dialog .footer {
+  height: 100%;
+}
+
+oobe-dialog .bottom-buttons {
+  width: 100%
+}