[cros] Polishing avatar picker layout.

chrome/browser/resources/options2/chromeos/change_picture_options.css

 /* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file. */
 
+#change-picture-page .content-area {
+  min-width: 800px;
+}
+
 #user-image-grid {
   -webkit-user-drag: none;
   -webkit-user-select: none;
   display: inline-block;
   margin: 10px;
   outline: none;
   /* Necessary for correct metrics calculation by grid.js. */
   overflow: hidden;
   padding: 0;
-  width: 562px;
+  width: 538px;
 }
 
 #user-image-grid * {
   margin: 0;
   padding: 0;
 }
 
 #user-image-grid img {
   background-color: white;
   height: 64px;
   vertical-align: middle;
   width: 64px;
 }
 
 #user-image-grid [role=listitem] {
   border: 1px solid rgba(0, 0, 0, 0.15);
   border-radius: 4px;
   display: inline-block;
-  margin: 10px;
+  margin: 8px;
   padding: 3px;
 }
 
 #user-image-grid [selected] {
   border: 2px solid rgb(0, 102, 204);
   padding: 2px;
 }
 
 /**
  * #user-image-preview can have the following classes:
  * .default-image: one of the default images is selected (including the grey
  *                 silhouette);
  * .profile-image: profile image is selected;
  * .online: camera is streaming video;
  * .camera: camera (live or photo) is selected;
  * .live: camera is in live mode (no photo taken yet/last photo removed).
  */
 
 #user-image-preview {
-  border-radius: 4px;
   display: inline-block;
   margin-right: 10px;
   margin-top: 20px;
   max-width: 220px;
   vertical-align: top;
 }
 
 html[dir=rtl] #user-image-preview {
   float: left;
 }
 
 #user-image-preview .perspective-box {
   -webkit-perspective: 600px;
 }
 
 .user-image-preview-img {
   display: block;
   max-height: 220px;
   max-width: 220px;
 }
 
 [camera=webrtc] .camera.live .user-image-preview-img {
   display: none;
 }
 
 .default-image .user-image-preview-img {
   background: white;
   border: solid 1px #cacaca;
+  border-radius: 4px;
+  padding: 2px;
 }
 
 .user-image-stream-area {
   display: none;
   position: relative;
 }
 
 [camera=webrtc] .camera.live .user-image-stream-area {
   display: block;
 }
@@ skipping 76 matching lines @@
   background: url('chrome://theme/IDR_USER_IMAGE_RECYCLE')
       no-repeat center 0;
   display: block;
 }
 
 [camera=webrtc] .camera.live.online #take-photo {
   background: url('chrome://theme/IDR_USER_IMAGE_CAPTURE')
       no-repeat center -1px;
   display: block;
 }