Refactor kiosk app launch to be part of login screen UI flow.

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

Index: chrome/browser/resources/chromeos/login/screen_app_launch_splash.css
diff --git a/chrome/browser/resources/chromeos/app_launch/app_launch.css b/chrome/browser/resources/chromeos/login/screen_app_launch_splash.css
similarity index 74%
rename from chrome/browser/resources/chromeos/app_launch/app_launch.css
rename to chrome/browser/resources/chromeos/login/screen_app_launch_splash.css
index 92a6b0d662cb050092390016e47bddd7a56090df..f1258ac5ae1eedbd9f73ea14c26abe92a6192c15 100644
--- a/chrome/browser/resources/chromeos/app_launch/app_launch.css
+++ b/chrome/browser/resources/chromeos/login/screen_app_launch_splash.css
@@ -3,29 +3,16 @@
  * found in the LICENSE file.
  */
 
-html,
-body {
-  height: 100%;
-  margin: 0;
-  overflow: hidden;
-  padding: 0;
-  width: 100%;
-}
-
-#page {
+#app-launch-splash {
   -webkit-box-align: center;
   -webkit-box-pack: center;
-  /* Delay the login screen for 2 seconds then fade it in. */
-  -webkit-transition: opacity 1s;
   background: white;
   display: -webkit-box;
   height: 100%;
-  opacity: 0;
-  position: absolute;
   width: 100%;
 }
 
-#content {
+#splash-content {
   -webkit-box-align: center;
   -webkit-box-orient: vertical;
   -webkit-box-pack: center;
@@ -33,7 +20,7 @@ body {
   position: relative;
 }
 
-#header {
+#splash-header {
   -webkit-padding-start: 108px;
   background: left center no-repeat;
   background-size: 96px;
@@ -44,19 +31,19 @@ body {
   line-height: 96px;
 }
 
-#launch-text {
+#splash-launch-text {
   color: #666;
   font-size: 18px;
   padding-bottom: 50px;
   padding-top: 50px;
 }
 
-#spinner {
+#splash-spinner {
   height: 32px;
   width: 32px;
 }
 
-#shortcut-info {
+#splash-shortcut-info {
   bottom: 50px;
   color: gray;
   left: 0;