ChromeOS: Powerwash UI update

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

 /* Copyright 2013 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 {
   display: flex;
   flex-flow: column;
   font-size: 16px;
   min-height: 423px;
   padding: 40px 17px 80px;
-  text-align: center;
+  text-align: start;
   width: 722px;
 }
 
+#reset[md-mode] {
+  min-height: unset;
+  padding: unset;
+  width: 768px;

[Alexander Alekseev, 2017/04/11 04:19:26]

Could you specify text-align here, and not update style above?

[Wenzhao (Colin) Zang, 2017/04/11 20:42:54]

Acknowledged.

+}
+
 #reset #reset-controls {
   bottom: 40px;
   justify-content: center;
   margin-top: auto;
 }
 
 #reset-controls button {
   margin: 0 10px;
 }
 
-#reset #reset-warning-icon {

[Alexander Alekseev, 2017/04/11 04:19:26]

reset-warning-icon is still used in old UI.
We do not want to break it.

[Wenzhao (Colin) Zang, 2017/04/11 20:42:54]

Acknowledged.

-  height: 112px;
+#reset #reset-alert-icon {
+  height: 32px;
+  padding: 35px 35px 10px;
+}
+
+#reset #reset-illustration {
+  height: 248px;
+  padding: 50px 70px;
 }
 
 #reset #reset-warning-msg,
 #reset #powerwash-warning-msg,
 #reset #powerwash-and-rollback-warning-msg {

[Alexander Alekseev, 2017/04/11 04:19:26]

Please do not update old styles.

[Wenzhao (Colin) Zang, 2017/04/11 20:42:54]

Acknowledged.

-  color: #606060;
-  font-size: 22px;
-  padding: 5px 45px 30px;
+  color: rgb(0, 0, 0);
+  font-size: 28px;
+  padding: 25px 35px 5px 40px;
+  text-align: start;
 }
 
 .reset-text {

[Alexander Alekseev, 2017/04/11 04:19:26]

Ditto.

[Wenzhao (Colin) Zang, 2017/04/11 20:42:54]

Acknowledged.

-  color: #606060;
+  color: rgba(0, 0, 0, 0.87);
 }
 
 #reset #reset-warning-details,
 #reset #reset-revert-promise-msg {
   padding: 20px 40px 0;
 }
 
-#reset #reset-warning-restart {
+#reset #powerwash-warning-details,
+#reset #rollback-warning-details,
+#reset #reset-warning-data-details,
+#reset #reset-warning-restart,
+#reset #powerwash-help-link {
   padding: 30px 40px 0;
 }
 
 #reset #rollback {
   padding: 30px 40px 10px;
 }
 
 #reset #reset-revert-spinner-message {
   display: inline-block;
   padding: 25px 0;
@@ skipping 29 matching lines @@
 
 .restart-required-view #reset-restart-button,
 .powerwash-proposal-view #reset-toconfirm-button,
 .rollback-proposal-view #reset-toconfirm-button,
 .restart-required-view #reset-cancel-button,
 .powerwash-proposal-view #reset-cancel-button,
 .rollback-proposal-view #reset-cancel-button {
   display: inline-block;
 }