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-area {
+  -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 60 matching lines @@
 #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;
+#create-profile-separator,
+#manage-profile-separator {
+  border-top: 1px solid #c0c0c0;
   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;
+  width: 92%;

[James Hawkins, 2012/07/31 17:01:07]

Why 92%?

[Halli, 2012/07/31 17:37:05]

It looks right to me as the same width as the content area. I was having
problems getting the divider line to be a bottom border to the last child of the
content area (since the last child has width 50% instead of 100%) And then
adding a bottom border to the content area itself was also not working for me.
Do you have any suggestions?

 }
 
 .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;