Create/Manage dialog UI changes for M22

chrome/browser/resources/options2/manage_profile_overlay.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. */
 
 #manage-profile-overlay {
   width: 512px;
 }
 
 .profile-icon-grid-item {
-  border: none !important;
   height: 31px;
   margin: 4px 6px;
   padding: 4px;
   width: 38px;
 }
 
 .profile-icon {
   height: 31px;
   width: 38px;
 }
 
+.profile-name-container {
+  -webkit-box-align: center;
+  -webkit-box-orient: horizontal;
+  -webkit-box-pack: center;
+  display: -webkit-box;
+  margin-left: auto;
+  margin-right: auto;
+  width: 50%;
+}
+
 #create-profile-name:invalid {
   background-color: pink;
 }
 
 #manage-profile-name:invalid {
   background-color: pink;
 }
 
 #create-profile-error-bubble {
   -webkit-transition: max-height 200ms, padding 200ms;
@@ skipping 34 matching lines @@
   max-height: 0;
   padding: 0 10px;
 }
 
 #create-profile-icon-grid,
 #manage-profile-icon-grid {
   background-color: rgba(255, 255, 255, 0.75);
   padding: 2px;
 }
 
+#create-profile-content:after {

[James Hawkins, 2012/08/01 00:42:54]

nit: Document what this is for.

[Halli, 2012/08/01 15:36:25]

Done.

+  background: #c0c0c0;
+  content: '';
+  display: block;
+  height: 1px;
+  margin-top: 20px;
+  width: 100%;
+}
+
+#manage-profile-content:after {

[James Hawkins, 2012/08/01 00:42:54]

nit: Collapse this into the above block, i.e.,

#create-profile-content:after,
#manage-profile-content:after {
..
}

[Halli, 2012/08/01 15:36:25]

Done.

+  background: #c0c0c0;
+  content: '';
+  display: block;
+  height: 1px;
+  margin-top: 20px;
+  width: 100%;
+}
+
 #create-profile-content > :first-child {
   margin-bottom: 10px;
 }
 
 #manage-profile-content > :first-child {
   margin-bottom: 10px;
 }
 
 #create-profile-content > :last-child {
   margin-top: 10px;
 }
 
 #manage-profile-content > :last-child {
   margin-top: 10px;
 }
 
 #create-profile-content > :not(:first-child):not(:last-child) {
   margin-bottom: 10px;
   margin-top: 10px;
 }
 
 #manage-profile-content > :not(:first-child):not(:last-child) {
   margin-bottom: 10px;
   margin-top: 10px;
 }
 
-#create-profile-name-div,
-#manage-profile-name-div {
-  -webkit-box-align: center;
-  -webkit-box-orient: horizontal;
-  -webkit-box-pack: center;
-  display: -webkit-box;
-  margin-left: auto;
-  margin-right: auto;
-  width: 50%;
-}
-
-#create-profile-name-label,
-#manage-profile-name-label {
-  -webkit-margin-end: 20px;
-}
-
-#create-profile-name,
-#manage-profile-name {
-  -webkit-box-flex: 1;
-}
-
 .action-area-checkbox-container {
   -webkit-box-flex: 1;
 }
 
 #delete-profile-message {
   -webkit-padding-start: 48px;
   background-repeat: no-repeat;
 }
 
 html[dir='rtl'] #delete-profile-message {
   background-position: right;