Polished update screen.

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

Index: chrome/browser/resources/chromeos/login/oobe.css
diff --git a/chrome/browser/resources/chromeos/login/oobe.css b/chrome/browser/resources/chromeos/login/oobe.css
index d84ca77af31bdd15a8e26d0e5fa0c5efd7a74fc8..20184aeecb930a2b5af142092572541eea88f79c 100644
--- a/chrome/browser/resources/chromeos/login/oobe.css
+++ b/chrome/browser/resources/chromeos/login/oobe.css
@@ -711,8 +711,23 @@ html[dir=rtl] .step-extra-controls {
   right: 49px;
 }
 
-#update-screen-curtain p {
-  text-align: center;
+.update-throbber {

[Nikita (slow), 2013/04/10 04:52:05]

Makes sense to name it just .throbber and use on other screens like EULA / TPM
instead of existing spinner (the one that is solid blue). We could replace that
another spinner that is used on GAIA screen separately.

[dzhioev (left Google), 2013/04/11 16:08:29]

Renamed. I think we shouldn't replace spinner on EULA, because new one looks too
small.

[Nikita (slow), 2013/04/12 12:54:39]

One that is on TPM dialog is small.

+  -webkit-animation: play 1s steps(36) infinite;
+  -webkit-margin-before: 2px;
+  -webkit-margin-end: 4px;
+  background-image: url(chrome://theme/IDR_CROS_DEFAULT_THROBBER);
+  display: inline-block;
+  height: 16px;
+  width: 16px;
+}
+
+@-webkit-keyframes play {

[Nikita (slow), 2013/04/10 04:52:05]

nit: Makes sense to make name more specific like throbber-animation.

[dzhioev (left Google), 2013/04/11 16:08:29]

Done.

+  from {
+    background-position: 0px;
+  }
+  to {
+    background-position: -576px;
+  }
 }
 
 #update #update-screen-curtain {
@@ -728,27 +743,15 @@ html[dir=rtl] .step-extra-controls {
 }
 
 #update #update-screen-curtain {
-  margin: 45px 45px;
+  margin: 45px 35px;
 }
 
 #update-screen-main {
-  margin: 45px 45px;
+  margin: 45px 35px;
   min-height: 114px;
   text-align: center;
 }
 
-#update #update-checking-ellipsis {
-  width: 16px;
-}
-
-html[dir=ltr] #update #update-checking-ellipsis {
-  text-align: left;
-}
-
-html[dir=rtl] #update #update-checking-ellipsis {
-  text-align: right;
-}
-
 #update #update-cancel-hint {
   -webkit-margin-before: 15px;
   -webkit-margin-start: 45px;
@@ -761,7 +764,7 @@ html[dir=rtl] #update #update-checking-ellipsis {
 }
 
 #update #checking-updates-label {
-  -webkit-margin-after: 34px;
+  -webkit-margin-after: 90px;
 }
 
 #update #update-bottom-label {