Create/Manage dialog UI changes for M22

chrome/browser/resources/options2/manage_profile_overlay.css

Index: chrome/browser/resources/options2/manage_profile_overlay.css
===================================================================
--- chrome/browser/resources/options2/manage_profile_overlay.css	(revision 149057)
+++ chrome/browser/resources/options2/manage_profile_overlay.css	(working copy)
@@ -7,7 +7,6 @@
 }
 
 .profile-icon-grid-item {
-  border: none !important;
   height: 31px;
   margin: 4px 6px;
   padding: 4px;
@@ -19,6 +18,16 @@
   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;
 }
@@ -99,27 +108,14 @@
   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%;
+  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?

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