cros: Move kiosk settings to extensions page.

chrome/browser/resources/extensions/chromeos/kiosk_apps.css

Index: chrome/browser/resources/extensions/chromeos/kiosk_apps.css
diff --git a/chrome/browser/resources/options/chromeos/kiosk_apps.css b/chrome/browser/resources/extensions/chromeos/kiosk_apps.css
similarity index 50%
rename from chrome/browser/resources/options/chromeos/kiosk_apps.css
rename to chrome/browser/resources/extensions/chromeos/kiosk_apps.css
index dde7bfffe1659a671d5d9410395c191951c1eba9..570fcbd8344720f9ff1b8ebb2da54ed1c148a8e2 100644
--- a/chrome/browser/resources/options/chromeos/kiosk_apps.css
+++ b/chrome/browser/resources/extensions/chromeos/kiosk_apps.css
@@ -2,11 +2,63 @@
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file. */
 
+#kiosk-apps-page .checkbox {
+  display: block;
+}
+
 #kiosk-app-list {
   border: 1px solid lightgrey;
+  height: 200px;
   margin-bottom: 5px;
 }
 
+#kiosk-app-list > * {
+  -webkit-box-align: center;
+  box-sizing: border-box;
+  display: -webkit-box;
+  height: 32px;
+}
+
+/* TODO(xiyuan): The .row-delete-button rules probably should live somewhere
+ * else and be shared with options.css */
+list .row-delete-button {
+  -webkit-transition: 150ms opacity;
+  background-color: transparent;
+  /* TODO(stuartmorgan): Replace with real images once they are available. */
+  background-image: -webkit-image-set(
+      url('../../../../../ui/resources/default_100_percent/close_2.png') 1x,
+      url('../../../../../ui/resources/default_200_percent/close_2.png') 2x);
+  border: none;
+  display: block;
+  height: 16px;
+  opacity: 1;
+  width: 16px;
+}
+
+list > *:not(:hover):not([selected]):not([lead]) .row-delete-button,
+list:not([hasElementFocus]) > *:not(:hover):not([selected]) .row-delete-button,
+list[disabled] .row-delete-button,
+list .row-delete-button[disabled] {
+  opacity: 0;
+  pointer-events: none;
+}
+
+list .row-delete-button:hover {
+  background-image: -webkit-image-set(
+      url('../../../../../ui/resources/default_100_percent/close_2_hover.png')
+          1x,
+      url('../../../../../ui/resources/default_200_percent/close_2_hover.png')
+          2x);
+}
+
+list .row-delete-button:active {
+  background-image: -webkit-image-set(
+      url('../../../../../ui/resources/default_100_percent/close_2_pressed.png')
+          1x,
+      url('../../../../../ui/resources/default_200_percent/close_2_pressed.png')
+          2x);
+}
+
 #kiosk-app-id-edit {
   width: 510px;
 }