ChromeOS: Update styles of material design OOBE.

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

Index: chrome/browser/resources/chromeos/login/oobe_a11y_option.css
diff --git a/chrome/browser/resources/chromeos/login/oobe_a11y_option.css b/chrome/browser/resources/chromeos/login/oobe_a11y_option.css
new file mode 100644
index 0000000000000000000000000000000000000000..db308fa2b1e06646ffd66234fabba962672e4147
--- /dev/null
+++ b/chrome/browser/resources/chromeos/login/oobe_a11y_option.css
@@ -0,0 +1,32 @@
+/* Copyright 2016 The Chromium Authors. All rights reserved.
+ * Use of this source code is governed by a BSD-style license that can be
+ * found in the LICENSE file. */
+
+:host {
+  background-color: white;
+  display: flex;
+  width: 100%;
+}
+
+#element-box {
+  width: inherit;

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

width: inherit is unusual. Do you actually need two containing divs, or can you
just style :host as needed?

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

element box is needed for "layout horizontal".

+}
+
+paper-toggle-button {
+  min-height: 20px;
+  min-width: 36px;
+}
+
+#titleContainer {
+  color: rgba(0, 0, 0, 0.87);
+  font-family: Roboto, sans-serif;
+  font-size: 13px;
+  font-weight: normal;

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

what are these font-weight values overriding?

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

The idea was to exactly follow the design: if font is specified for the element,
let's set it for this element. So that it would stay the same whatever changes
above are made.

+}
+
+.display-value {
+  color: rgba(0, 0, 0, 0.54);
+  font-family: Roboto, sans-serif;
+  font-size: 13px;
+  font-weight: normal;
+}