ChromeOS: Powerwash UI update

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

Index: chrome/browser/resources/chromeos/login/oobe_reset.css
diff --git a/chrome/browser/resources/chromeos/login/oobe_reset.css b/chrome/browser/resources/chromeos/login/oobe_reset.css
new file mode 100644
index 0000000000000000000000000000000000000000..1da276903c54584779000f9d65fc368ea8b3c60e
--- /dev/null
+++ b/chrome/browser/resources/chromeos/login/oobe_reset.css
@@ -0,0 +1,23 @@
+/* Copyright 2017 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. */
+
+#reset-illustration {
+  height: 248px;

[Alexander Alekseev, 2017/04/08 10:36:18]

We don't need hardcoded value of pixel image size.

[Wenzhao (Colin) Zang, 2017/04/10 20:37:35]

It's removed.

+  padding: 50px 40px;

[Alexander Alekseev, 2017/04/08 10:36:18]

Why?
Could you just center it vertically?

[Wenzhao (Colin) Zang, 2017/04/10 20:37:35]

Because the illustration is not symmetric, with more white space on the right.
In order to make it look 'centered', I think it's better to have more padding on
the left. Please see:

https://drive.google.com/a/google.com/file/d/0B_2Uyb2Rhx2OSmlRUEE4U18wemc/vie...

+}
+
+.vertical-margin {
+  width: 22px;
+}
+
+#reset-revert-spinner-message-md {
+  display: inline-block;
+  padding: 25px 0;
+  vertical-align: middle;

[Alexander Alekseev, 2017/04/08 10:36:18]

Could you do this with polymer class styling?

[Wenzhao (Colin) Zang, 2017/04/10 20:37:35]

Sorry I don't get it, could you please explain on this? Is it the same with CSS
class binding, like: 'class$="[[]]"', then do we need it if the class name
doesn't change?

+}
+
+#reset-revert-spinner-md {
+  margin-top: 0;
+  vertical-align: middle;
+}