Sync confirmation: UI tweaks from bettes@

chrome/browser/resources/sync_confirmation/sync_confirmation.css

Index: chrome/browser/resources/sync_confirmation/sync_confirmation.css
diff --git a/chrome/browser/resources/sync_confirmation/sync_confirmation.css b/chrome/browser/resources/sync_confirmation/sync_confirmation.css
index ab041f343d52eb42269af728e5732bbe19d62448..912f717e2dff3c4f302fb48c9ec92d5f5422b331 100644
--- a/chrome/browser/resources/sync_confirmation/sync_confirmation.css
+++ b/chrome/browser/resources/sync_confirmation/sync_confirmation.css
@@ -3,7 +3,6 @@
  * found in the LICENSE file. */
 
 body {
-  font-size: 100%;

[Dan Beam, 2016/03/04 02:12:38]

instead of making the bigger font-size the default and selectively reducing in
size, this does the opposite and enlarges selectively

   margin: 0;
   padding: 0;
 }
@@ -32,8 +31,8 @@ a {
   border-bottom: 1px solid lightgray;
   color: #333;
   display: flex;
-  font-size: 1em;
-  height: 56px;
+  font-size: 16px;

[Dan Beam, 2016/03/04 02:12:38]

i originally wanted to make this and the below line-height scale, but I think
you mentioned this UI doesn't actually inherit different font sizes from the
profile, right?

[anthonyvd, 2016/03/04 15:04:47]

It used to and it actually came up during UI review that it shouldn't since it's
not content so this is perfect. This was part of the tweaks I mentioned I had to
make yesterday.

+  height: 52px;
 }
 
 .details {
@@ -43,7 +42,6 @@ a {
 
 .sync-message {
   color: #595959;
-  font-size: 0.8125em;
   line-height: 150%;
   padding-bottom: 32px;
 }
@@ -74,9 +72,14 @@ a {
 }
 
 paper-button {
-  font-size:  0.8125em;
-  padding-left: 12px;
-  padding-right: 12px;
+  font-weight: 500;
+  line-height: 16px;
+  margin: 0;
+  padding: 8px 16px;
+}
+
+paper-button + paper-button {
+  -webkit-margin-start: 8px;
 }
 
 #confirmButton {