DOMUI: Polish up the 'Import Data' overlay.

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 11 matching lines @@
   right: 0;
   top: 0;
   bottom: 0;
 }
 
 #search-field {
   margin: 0;
 }
 
 .overlay {
-  position: fixed;
-  left: 0;
-  right: 0;
-  background: rgba(233, 238, 242, .5);
-  top: 0;
-  bottom: 0;
-  z-index: 10;
-  padding: 20px;
-  display: -webkit-box;
   -webkit-box-align: center;
   -webkit-box-pack: center;
+  background: rgba(233, 238, 242, .5);
+  bottom: 0;
+  display: -webkit-box;
+  left: 0;
+  padding: 20px;
+  position: fixed;

[stuartmorgan, 2011/01/21 19:44:43]

I think left: goes after this, in an exception to the alphabetization guideline.

[James Hawkins, 2011/01/21 19:51:05]

Per off-line discussion, gonna leave this as is for now.

+  right: 0;
+  top: 0;
+  z-index: 10;
 }
 
 .raw-button,
 .raw-button:hover,
 .raw-button:active {
   -webkit-box-shadow: none;
   background-color: transparent;
   background-repeat: no-repeat;
   border: none;
   min-width: 0;
@@ skipping 55 matching lines @@
 }
 
 .button-strip > button {
   -webkit-margin-start: 10px;
   display: block;
 }
 
 .overlay > div {
   -webkit-box-shadow: 3px 3px 3px #666;
   background: white;
+  border: 1px solid #666;
   border-radius: 5px;
-  padding: 15px;
-  border: 1px solid #666;
-  padding-bottom: 50px;
+  min-width: 400px;
+  padding: 0 15px 50px 15px;
   position: relative;
 }
 
 #navbar {
   margin: 0;
 }
 
 #navbar-container {
   -webkit-border-end: 1px solid #c6c9ce;
   background: -webkit-linear-gradient(rgba(234, 238, 243, 0), #eaeef3),
@@ skipping 136 matching lines @@
   -webkit-padding-end: 24px;
   border-bottom: 1px solid #eeeeee;
   color: #53637d;
   font-size: 200%;
   font-weight: normal;
   margin: 0;
   padding-bottom: 4px;
   padding-top: 13px;
 }
 
-.page list {
-  min-height: 200px;
-}
-
 .subpage-sheet .page h1 {
   padding-top: 4px;
   margin-bottom: 10px;
 }
 
+.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;
+}
+
 section {
   -webkit-box-orient: horizontal;
   border-bottom: 1px solid #eeeeee;
   display: -webkit-box;
   margin-top: 17px;
   padding-bottom: 20px;
 }
 
 div.page section:last-child {
   border-bottom: none;
@@ skipping 337 matching lines @@
 }
 
 html[os=mac] label > input[type=checkbox],
 html[os=mac] label > input[type=radio] {
   margin-top: 2px;
 }
 
 .suboption {
   -webkit-margin-start: 16px;
 }