cros: Update enable-dev UI.

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

Index: chrome/browser/resources/chromeos/login/oobe_screen_enable_debugging.css
diff --git a/chrome/browser/resources/chromeos/login/oobe_screen_enable_debugging.css b/chrome/browser/resources/chromeos/login/oobe_screen_enable_debugging.css
index 134aa9d6dfa9a4ebb475a460aa1103daf37c66c3..9c23f20e6ea85c785de04272c66e097003c69628 100644
--- a/chrome/browser/resources/chromeos/login/oobe_screen_enable_debugging.css
+++ b/chrome/browser/resources/chromeos/login/oobe_screen_enable_debugging.css
@@ -8,29 +8,81 @@
   flex-flow: column;
   font-size: 16px;
   min-height: 423px;
-  padding: 40px 17px 80px;
   text-align: center;
   width: 722px;
 }
 
+#debugging .step-contents {
+  margin: 80px 100px;
+}
+
+#debugging.setup-view .step-contents {
+  margin-bottom: 40px;
+  margin-top: 40px;
+}
+
+#debugging.done-view .step-contents,
+#debugging.error-view .step-contents {
+  margin: 80px;
+}
+
 #debugging #debugging-controls {
-  bottom: 40px;
+  height: auto;
   justify-content: center;
   margin-top: auto;
+  padding-bottom: 80px;
+  padding-right: 0;
+  position: static;
+}
+
+#debugging.setup-view #debugging-controls {
+  padding-bottom: 40px;
 }
 
 #debugging-controls button {
   margin: 0 10px;
 }
 
-#debugging #debugging-warning-icon {
-  height: 112px;
+#enable-debugging-icon {
+  background-position: center;
+  background-repeat: no-repeat;
+  width: 100%;
 }
 
-#debugging #enable-debugging-warning-msg {
-  color: #606060;
-  font-size: 22px;
-  padding: 5px 45px 30px;
+.remove-protection-view #enable-debugging-icon,
+.setup-view #enable-debugging-icon,
+.wait-view #enable-debugging-icon {
+  background-image: url(chrome://theme/IDR_RESET_WARNING);
+  background-size: 39px 72px;
+  height: 72px;
+}
+
+.done-view #enable-debugging-icon {
+  background-image: url(chrome://theme/IDR_ENABLE_DEBUGGING_SUCCESS);
+  background-size: 86px 66px;
+  height: 66px;
+}
+
+.error-view #enable-debugging-icon {
+  background-image: url(chrome://theme/IDR_ENABLE_DEBUGGING_FAILURE);
+  background-size: 66px;
+  height: 66px;
+}
+
+/** Preload icons */
+#enable-debugging-icon::after {
+  content:
+    url(chrome://theme/IDR_RESET_WARNING)
+    url(chrome://theme/IDR_ENABLE_DEBUGGING_SUCCESS)
+    url(chrome://theme/IDR_ENABLE_DEBUGGING_FAILURE);
+  display: none;
+}
+
+.enable-debugging-title {
+  color: #464646;
+  font-size: 24px;
+  font-weight: bold;
+  padding: 30px 45px;
 }
 
 .enable-debugging-text {
@@ -42,40 +94,39 @@
   padding: 20px 40px 0;
 }
 
-#debugging #debugging-warning-restart {
-  padding: 30px 40px 0;
-}
-
 #debugging #enable-debugging-wait-msg {
   display: inline-block;
   padding: 25px 0;
   vertical-align: middle;
 }
 
-#debugging #enable-debugging-spinner {
-  margin-top: 0;
-  vertical-align: middle;
-}
-
 #enable-debugging-passwords {
+  font-style: italic;
   margin-bottom: 10px;
   margin-top: 20px;
 }
 
 #enable-debugging-password-note {
-  color: #808080;
+  color: #c6c6c6;
   font-size: 12px;
 }
 
-.enable-debugging-password-label {
-  width: 200px;
-}
-
 .enable-debugging-password-input {
+  align-items: center;
   display: flex;
-  flex-wrap: nowrap;
-  justify-content: space-around;
-  margin-top: 5px;
+  flex-direction: column;
+  margin: 10px 0;
+}
+
+.enable-debugging-password-input input[type=password] {
+  margin: 5px 0;
+  width: 300px;
+}
+
+.enable-debugging-password-input
+    input[type=password]::-webkit-input-placeholder {
+  font-size: 14px;
+  font-style: normal;
 }
 
 .done-specific,