1 files changed, 48 insertions, 41 deletions
diff --git a/chrome/browser/sync/resources/setup_done.html b/chrome/browser/sync/resources/setup_done.html
index 4e5cf34..973164b 100644
--- a/chrome/browser/sync/resources/setup_done.html
+++ b/chrome/browser/sync/resources/setup_done.html
@@ -2,61 +2,68 @@
 <head>
 <title></title>
 <style type="text/css">
-body,td,div,p,a,font,span {
-   font-family: arial,sans-serif;
- }
 body {
-   bgcolor:"#ffffff"
- } 
-.gaia.le.button {
-  font-family: Arial, Helvetica, sans-serif;
-  font-size: smaller;
+  background: #FFFFFF;
+  font-size: 11pt;
+  line-height: 1.5em;
+  margin: 10px 15px;
+  -webkit-user-select: none;
 }
-.endaligned {
-  text-align: right;
-  align: right;
+.sync-header {
+  font-size: 1.2em;
+  font-weight: bold;
 }
-html[dir='rtl'] .endaligned {
+.sync-success-image {
+  text-align: center;
+  margin: 20px;
+}
+#user {
+  font-weight: bold;
+}
+.sync-footer {
+  position: fixed;
+  right: 0px;
+  bottom: 0px;
+  margin-right: 10px;
+  margin-bottom: 10px;
+}
+html[dir='rtl'] .sync-footer {
   text-align: left;
-  align: left;
+  left: 0px;
+  bottom: 0px;
+  margin-left: 20px;
+}
+input[type='submit'] {
+  min-width: 87px;
+  min-height: 26px;
+}
+html[os='mac'] input[type='submit'] {
+  font-size: 12pt;
 }
+
 </style>
 <script>
   function setShowFirstTimeSetupSummary() {
-    document.getElementById("summary").innerHTML =
-        "<p><font size='-1'>" + templateData['firsttimesetupsummary']
-        + "</font></p>";
+    // TODO(hclam): Show the information for the first time setup.
   }
   function setSyncedToUser(synced_to) {
     document.getElementById('user').innerHTML = synced_to;
   }
-  function onPageShown() {     
+  function onPageShown() {
     document.getElementById("close").focus();
   }
 </script>
-<body  bgcolor="#ffffff" vlink="#666666
-       i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize"
-       style="margin: 10px">
-<table height="100%" width="100%" margin="0" cellpadding="0">
-  <tr valign="top">
-  <td>
-    <p><font size="-1"><b><span i18n-content="success"></span></b></font></p>
-    <div align="center">
-      <img src="success-large.png" />
-    </div>
-    <br />
-    <p><font size="-1"><span id="user"></span></font></p>
-    <div id="summary">
-      <p><font size="-1"><span i18n-content="setupsummary"></span></font></p>
-    </div>
-  </td>
-  </tr>
-  <tr valign="bottom">
-    <td class="endaligned">
-      <input id="close" type="submit" i18n-values="value:okay" style="width:85"
-             onclick='chrome.send("DialogClose", [""])' />
-    </td>
-  </tr>
-</table>
+</head>
+<body i18n-values=".style.fontFamily:fontfamily">
+  <div class="sync-header" i18n-content="success"></div>
+  <div class="sync-success-image">
+    <img src="success-large.png" />
+  </div>
+  <div id="user"></div>
+  <div id="summary" i18n-content="setupsummary"></div>
+  <div class="sync-footer">
+    <input id="close" type="submit" i18n-values="value:okay"
+           onclick='chrome.send("DialogClose", [""])' />
+  </div>
 </body>
 </html>