Update DOMUI pref style

This makes a few small changes to bring things more in line with the latest mocks:
- Larger font size for page and section titles.
- Removes the trailing divider line after the last section.
- Tweaks the inter-section spacing.

BUG=59237,59264
TEST=DOMUI prefs should look more like mocks.

Review URL: http://codereview.chromium.org/4826002

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

1 files changed, 13 insertions, 9 deletions

diff --git a/chrome/browser/resources/options/options_page.css b/chrome/browser/resources/options/options_page.css
index 4aa545f..3158590 100644
--- a/chrome/browser/resources/options/options_page.css
+++ b/chrome/browser/resources/options/options_page.css
@@ -9,7 +9,7 @@ body {
   padding-top: 16px;
   padding-bottom: 34px;
   text-align: end;
-  font-size: 125%;
+  font-size: 200%;
   font-weight: normal;
   color: #53627d;
   margin: 0;
@@ -152,6 +152,7 @@ html[hide-menu=false] #navbar-container {
   display: block;
   color: #426dc9;
   outline:none;
+  font-size:105%;
 }
 
 .navbar-item-selected {
@@ -232,11 +233,11 @@ html[hide-menu=true] #mainview {
 
 .page > h1 {
   -webkit-padding-end: 24px;
-  padding-top: 1em;
-  padding-bottom: 1em;
+  padding-top: 16px;
+  padding-bottom: 10px;
   border-bottom: 1px solid #eeeeee;
   -webkit-padding-start: 0;
-  font-size: 125%;
+  font-size: 200%;
   color: #54637f;
   margin: 0;
 }
@@ -245,19 +246,22 @@ section {
   display: -webkit-box;
   -webkit-box-orient: horizontal;
   border-bottom: 1px solid #eeeeee;
-  margin-top: 1em;
-  margin-bottom: 1em;
-  padding-bottom: 0.5em;
+  margin-top: 20px;
+  margin-bottom: 20px;
+  padding-bottom: 20px;
+}
+
+section:last-child {
+  border-bottom: none;
 }
 
 section > h3 {
-  width: 150px;
+  width: 140px;
   font-weight: normal;
   -webkit-padding-start: 0;
   vertical-align: middle;
   margin: 0;
   font-size: 100%;
-  padding-top: 2px;
   font-weight: bold;
 }