Decreased spacing for "name" label above name input box in create/manage dialog

BUG=123269

Review URL: https://chromiumcodereview.appspot.com/10830194

git-svn-id: svn://svn.chromium.org/chrome/trunk/src@150370 0039d316-1c4b-4281-b951-d872f2087c98

chrome/browser/resources/options2/manage_profile_overlay.css

@@ -18,7 +18,10 @@
   width: 38px;
 }
 
-.profile-name-container {
+#create-profile-name-label-container,
+#create-profile-name-input-container,
+#manage-profile-name-label-container,
+#manage-profile-name-input-container {
   -webkit-box-align: center;
   -webkit-box-orient: horizontal;
   -webkit-box-pack: center;
@@ -89,7 +92,7 @@
   content: '';
   display: block;
   height: 1px;
-  margin-top: 20px;
+  margin-top: 25px;
   width: 100%;
 }
 
@@ -119,6 +122,17 @@
   margin-top: 10px;
 }
 
+#create-profile-content > #create-profile-name-input-container,
+#manage-profile-content > #manage-profile-name-input-container {
+  margin-top: 5px;
+}
+
+#create-profile-content > #create-profile-name-label-container,
+#manage-profile-content > #manage-profile-name-label-container {
+  margin-bottom: 5px;
+  margin-top: 10px;
+}
+
 .action-area-checkbox-container {
   -webkit-box-flex: 1;
 }

chrome/browser/resources/options2/manage_profile_overlay.html

@@ -8,11 +8,11 @@
           i18n-content="manageProfilesIconLabel">
       </div>
       <grid id="manage-profile-icon-grid"></grid>
-      <div class="profile-name-container">
+      <div id="manage-profile-name-label-container">
         <span id="manage-profile-name-label"
           i18n-content="manageProfilesNameLabel"></span>
       </div>
-      <div class="profile-name-container">
+      <div id="manage-profile-name-input-container">
         <input id="manage-profile-name" type="text" required>
       </div>
       <div id="manage-profile-error-bubble" hidden>
@@ -58,12 +58,12 @@
     <div id="create-profile-content" class="content-area">
       <div id="create-profile-instructions"></div>
       <grid id="create-profile-icon-grid"></grid>
-      <div class="profile-name-container">
+      <div id="create-profile-name-label-container">
         <span id="create-profile-name-label"
             i18n-content="manageProfilesNameLabel">
         </span>
       </div>
-      <div class="profile-name-container">
+      <div id="create-profile-name-input-container">
         <input id="create-profile-name" type="text" required>
       </div>
       <div id="create-profile-error-bubble" hidden></div>