DOMUI Prefs: Miscellaneous style tweaks

chrome/browser/resources/options/options_page.css

 body {
   cursor: default;
   font-size: 100%;
 }
 
 #settings-title {
   -webkit-padding-end: 24px;
   color: #53637d;
   cursor: pointer;
   font-size: 200%;
@@ skipping 208 matching lines @@
 #subpage-sheet-container-1 {
   z-index: 5;
 }
 
 #subpage-sheet-container-2 {
   -webkit-padding-start: 60px;
   z-index: 10;
 }
 
 .subpage-sheet {
-  -webkit-box-shadow: #666 0px 3px 5px;
+  -webkit-box-shadow: #666 0px 2px 5px;
   background-color: white;
   border: 1px solid #b8b8b8;
   border-radius: 2px;
   box-sizing: border-box;
   min-height: 100%;
   padding: 0px 20px;
   position: relative;
   width: 100%;
 }
 
@@ skipping 42 matching lines @@
 
 .overlay .page h1 {
   background: -webkit-linear-gradient(white, #F8F8F8);
   border-bottom: 1px solid rgba(188, 193, 208, .5);
   font-size: 105%;
   font-weight: bold;
   padding: 10px 15px 8px 15px;
 }
 
 .page list {
-  min-height: 200px;
+  /* Min height is a multiple of the list item height (32) */
+  min-height: 192px;
 }
 
 section {
   -webkit-box-orient: horizontal;
   border-bottom: 1px solid #eeeeee;
   display: -webkit-box;
   margin-top: 17px;
   padding-bottom: 20px;
 }
 
@@ skipping 136 matching lines @@
   -webkit-padding-end: 5px;
   display: -webkit-box;
 }
 
 list .close-button {
   -webkit-transition: .15s opacity;
   background-color: transparent;
   /* TODO(stuartmorgan): Replace with real images once they are available. */
   background-image: url("../../../app/theme/close_bar.png");
   border: none;
+  display: block;
   height: 16px;
   opacity: 1;
   width: 16px;
 }
 
 list > *:not(:hover):not([lead]) .close-button,
 list[disabled] .close-button,
 list .close-button[disabled] {
   opacity: 0;
   pointer-events: none;
@@ skipping 140 matching lines @@
   -webkit-border-radius: 2px;
   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   background-image: url("select.png"), -webkit-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5);
   background-position: center right;
   background-repeat: no-repeat;
   border: 1px solid #aaa;
   color: #555;
   font-size: inherit;
   margin: 0;
   overflow: hidden;
-  padding: 2px 20px 2px 12px;
+  padding: 2px 20px 2px 5px;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
 html[dir='rtl'] select {
   background-position: center left;
 }
 
 select:hover {
   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
@@ skipping 27 matching lines @@
 }
 
 html[os=mac] label > input[type=checkbox],
 html[os=mac] label > input[type=radio] {
   margin-top: 2px;
 }
 
 .suboption {
   -webkit-margin-start: 16px;
 }