DOMUI: Pixel-perfect CSS fixes.

chrome/browser/resources/options/options_page.css

 body {
   -webkit-user-select: none;
   cursor: default;
   font-size: 100%;
 }
 
 #settings-title {
   -webkit-padding-end: 24px;
-  padding-top: 16px;
-  padding-bottom: 34px;
-  text-align: end;
+  color: #53637d;
   font-size: 200%;
   font-weight: normal;
-  color: #53627d;
   margin: 0;
+  padding-bottom: 14px;
+  padding-top: 13px;
+  text-align: end;
 }
 
 #main-content {
   display: -webkit-box;
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
 }
@@ skipping 23 matching lines @@
   float: right;
   right: -20px;
 }
 
 html[dir='rtl'] #close-overlay {
   float: left;
   left: -20px;
 }
 
 .action-area {
+  -webkit-box-orient: horizontal;
+  -webkit-box-align: center;
   padding: 12px;
   position: absolute;
   right: 0px;
   bottom: 0px;
   display: -webkit-box;
-  -webkit-box-orient: horizontal;
-  -webkit-box-align: center;
 }
 
 .button-strip {
+  -webkit-box-orient: horizontal;
   display: -webkit-box;
-  -webkit-box-orient: horizontal;
 }
 
 html[toolkit=views] .button-strip {
   -webkit-box-direction: reverse;
 }
 
 .button-strip > button {
+  -webkit-margin-start: 4px;
   display: block;
-  -webkit-margin-start: 4px;
 }
 
 .overlay > div {
+  -webkit-box-shadow: 3px 3px 3px #666;
   background: white;
   border-radius: 5px;
   padding: 15px;
   border: 1px solid #666;
   padding-bottom: 50px;
   position: relative;
-  -webkit-box-shadow: 3px 3px 3px #666;
 }
 
 #navbar {
   margin: 0;
 }
 
 #navbar-container {
   -webkit-border-end: 1px solid #c6c9ce;
   background: -webkit-gradient(linear,
                                left top,
                                left bottom,
                                from(rgba(234, 238, 243, 0)),
                                to(#eaeef3)),
               -webkit-gradient(linear,
                                left top,
                                right top,
                                from(#eaeef3),
                                color-stop(0.97, #eaeef3),
                                to(#d3d7db));
   bottom: 0;
   cursor: pointer;
+  display: none;
   left: 0;
   position: fixed;
   top: 0;
   width: 250px;
   z-index: 2;
-  display: none;
 }
 
 html[dir='rtl'] #navbar-container {
   background: -webkit-gradient(linear,
                                left top,
                                left bottom,
                                from(rgba(255, 255, 255, 0)),
                                color-stop(0.7, rgba(255, 255, 255, 0)),
                                to(white)),
               -webkit-gradient(linear,
@@ skipping 18 matching lines @@
   width: 65%;
 }
 
 #navbar-container > ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
 }
 
 .navbar-item, .navbar-item2 {
+  color: #426dc9;
+  display: block;
+  font-size: 105%;
+  outline: none;
   padding: 7px 0;
+  text-align: end;
   -webkit-padding-end: 24px;
-  text-align: end;
-  display: block;
-  color: #426dc9;
-  outline:none;
-  font-size:105%;
 }
 
 .navbar-item-selected {
   background: #bbcee9;
+  border-bottom: 1px solid #8faad9;
   border-top: 1px solid #8faad9;
-  border-bottom: 1px solid #8faad9;
+  color: black;
   font-weight: bold;
-  color: black;
 }
 
 .navbar-item-normal {
   background-color: #dfdfdf;
 }
 
 #mainview {
   -webkit-box-align: stretch;
   -webkit-padding-start: 251px;
   margin: 0;
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   z-index: 1;
 }
 
 html[hide-menu=true] #mainview {
   -webkit-padding-start: 0;
 }
 
 #mainview-content {
+  padding: 0 24px;
   width: 600px;
-  padding: 0 24px;
 }
 
 #managed-prefs-banner {
   background: -webkit-gradient(linear,
                                left top,
                                left bottom,
                                from(#fff2b7),
                                color-stop(0.97, #fae691),
                                to(#878787));
   height: 31px;
   width: 100%;
 }
 
 #managed-prefs-banner {
   margin: 0;
   padding: 0;
   vertical-align: middle;
 }
 
 #managed-prefs-icon {
   background-image: url("chrome://theme/IDR_WARNING");
   background-repeat: no-repeat;
   background-position:center;
+  display: inline-block;
   padding: 5px;
+  height: 21px;
+  vertical-align: middle;
   width: 24px;
-  height: 21px;
-  display: inline-block;
-  vertical-align: middle;
 }
 
 #managed-prefs-text {
   vertical-align: middle;
 }
 
 .page > h1 {
   -webkit-padding-end: 24px;
-  padding-top: 16px;
-  padding-bottom: 10px;
   border-bottom: 1px solid #eeeeee;
-  -webkit-padding-start: 0;
+  color: #53637d;
   font-size: 200%;
-  color: #54637f;
+  font-weight: normal;
   margin: 0;
+  padding-bottom: 4px;
+  padding-top: 13px;
 }
 
 section {
-  display: -webkit-box;
   -webkit-box-orient: horizontal;
   border-bottom: 1px solid #eeeeee;
-  margin-top: 20px;
-  margin-bottom: 20px;
+  display: -webkit-box;
+  margin-top: 17px;
   padding-bottom: 20px;
 }
 
 section:last-child {
   border-bottom: none;
 }
 
 section > h3 {
+  font-size: 105%;
+  font-weight: bold;
+  margin: 0;
+  vertical-align: middle;
   width: 140px;
-  font-weight: normal;
-  -webkit-padding-start: 0;
-  vertical-align: middle;
-  margin: 0;
-  font-size: 100%;
-  font-weight: bold;
 }
 
 section > div:only-of-type {
   -webkit-box-flex: 1;
 }
 
 .option {
   margin-top: 0;
 }
 
 .option-control-table, section > div:only-of-type {
   -webkit-padding-start: 10px;
   border-spacing: 0 0;
 }
 
 /* TODO(stuartmorgan): make this less specific once all pages
  * are converted to the non-table style.
  */
 section > div:only-of-type label {
   display: block;
-  margin: 3px 0;
+  margin: 5px 0;
 }
 
 .hidden {
   display: none;
 }
 
 .touch-slider {
   -webkit-appearance: slider-horizontal;
 }
 
@@ skipping 45 matching lines @@
 
 .option-name {
   padding-right: 5px;
 }
 
 html[dir=rtl].option-name {
   padding-left: 5px;
 }
 
 .favicon-cell {
+  -webkit-padding-start: 20px;
   background-position: left;
   background-repeat: no-repeat;
-  -webkit-padding-start: 20px;
 }
+
 html[dir=rtl] .favicon-cell {
   background-position: right;
 }
 
 html[enable-background-mode=false] #background-mode-section {
  display: none;
 }
 
 html[enable-cloud-print-proxy=false] #cloud-print-proxy-section {
  display: none;
@@ skipping 37 matching lines @@
 label.radio > span,
 .suboption {
   -webkit-margin-start: 16px;
   display: block;
 }
 
 html[os=mac] label.checkbox > input,
 html[os=mac] label.radio > input {
   margin-top: 2px;
 }