DOMUI: Polish up the 'Import Data' overlay.

BUG=none
TEST=none

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

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

3 files changed, 34 insertions, 16 deletions

diff --git a/chrome/browser/resources/options/import_data_overlay.css b/chrome/browser/resources/options/import_data_overlay.css
index c702aa0..9e0dd47 100644
--- a/chrome/browser/resources/options/import_data_overlay.css
+++ b/chrome/browser/resources/options/import_data_overlay.css
@@ -1,3 +1,13 @@
+#import-from-div {
+  margin-top: 10px;
+  margin-bottom: 20px;
+}
+
+#import-checkboxes > div:not(:first-child) {
+  -webkit-padding-start: 8px;
+  margin: 5px 0;
+}
+
 #import-throbber {
   margin: -3px 10px;
   visibility: hidden;
diff --git a/chrome/browser/resources/options/import_data_overlay.html b/chrome/browser/resources/options/import_data_overlay.html
index cd83fd7..a8946b0 100644
--- a/chrome/browser/resources/options/import_data_overlay.html
+++ b/chrome/browser/resources/options/import_data_overlay.html
@@ -1,6 +1,6 @@
 <div id="import-data-overlay" class="page hidden">
   <h1 i18n-content="importDataTitle"></h1>
-  <div>
+  <div id="import-from-div">
     <span i18n-content="importFromLabel"></span>
     <select id="import-browsers">
       <option i18n-content="importLoading"></option>
diff --git a/chrome/browser/resources/options/options_page.css b/chrome/browser/resources/options/options_page.css
index ce091c8..ea4877a 100644
--- a/chrome/browser/resources/options/options_page.css
+++ b/chrome/browser/resources/options/options_page.css
@@ -29,17 +29,17 @@ body {
 }
 
 .overlay {
-  position: fixed;
+  -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;
   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;
 }
 
 .raw-button,
@@ -112,13 +112,13 @@ html[toolkit=views] .button-strip {
   display: block;
 }
 
-.overlay > div {
+.overlay .page {
   -webkit-box-shadow: 3px 3px 3px #666;
   background: white;
-  border-radius: 5px;
-  padding: 15px;
   border: 1px solid #666;
-  padding-bottom: 50px;
+  border-radius: 5px;
+  min-width: 400px;
+  padding: 0 15px 50px 15px;
   position: relative;
 }
 
@@ -275,15 +275,23 @@ html[hide-menu=true] #mainview {
   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;