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-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;
 }
@@ -73,6 +82,17 @@
   padding: 2px;
 }
 
+/* Adds a grey horizontal line below content area  */
+#create-profile-content:after,
+#manage-profile-content:after {
+  background: #c0c0c0;
+  content: '';
+  display: block;
+  height: 1px;
+  margin-top: 20px;
+  width: 100%;
+}
+
 #create-profile-content > :first-child {
   margin-bottom: 10px;
 }
@@ -99,27 +119,6 @@
   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;
 }