User pods centered with any resolution.

BUG=222217
TEST=manual
R=nkostylev


Review URL: https://chromiumcodereview.appspot.com/13194004

git-svn-id: svn://svn.chromium.org/chrome/trunk/src@192562 0039d316-1c4b-4281-b951-d872f2087c98

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

@@ -8,17 +8,24 @@
 podrow {
   -webkit-box-align: center;
   -webkit-box-pack: center;
-  -webkit-transition: width 180ms ease;
+  /* Temporarily disabled because animation interferes with updating screen's
+   size. */
+  /* -webkit-transition: width 180ms ease; */
   display: -webkit-box;
   max-height: 650px;
-  overflow: hidden;
-  padding: 23px 15px;
-  position: relative;
-  width: 1152px;
+  overflow: visible;
 }
 
 podrow[ncolumns='4'] {
-  width: 900px;
+  width: 880px;
+}
+
+podrow[ncolumns='5'] {
+  width: 1100px;
+}
+
+podrow[ncolumns='6'] {
+  width: 1152px;
 }
 
 /* Hide the pod row while images are loading. */

chrome/browser/resources/chromeos/login/user_pod_row.js

@@ -7,13 +7,6 @@
  */
 
 cr.define('login', function() {
-  /**
-   * Pod width. 170px Pod + 10px padding + 10px margin on both sides.
-   * @type {number}
-   * @const
-   */
-  var POD_WIDTH = 170 + 2 * (10 + 10);
-
   /**
    * Number of displayed columns depending on user pod count.
    * @type {Array.<number>}
@@ -983,6 +976,9 @@ cr.define('login', function() {
       this.removeEventListener('mouseout', this.deferredResizeListener_);
       this.columns = columns;
       this.rows = rows;
+      if (this.parentNode == Oobe.getInstance().currentScreen) {
+        Oobe.getInstance().updateScreenSize(this.parentNode);
+      }
     },
 
     /**