Fix sizing issues in the tab modal signin flow.

chrome/browser/resources/sync_confirmation/sync_confirmation.css

 /* Copyright 2015 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file. */
 
 body {
   margin: 0;
   padding: 0;
 }
 
 a {
@@ skipping 18 matching lines @@
   -webkit-padding-start: 24px;
   align-items: center;
   border-bottom: 1px solid lightgray;
   color: #333;
   display: flex;
   font-size: 16px;
   height: 52px;
 }
 
 .details {
+  font-size: 13px;

[Dan Beam, 2016/03/17 22:37:26]

how does this differ from the effective font-size set by text_defaults_md.css
(81.25% of 16px is 13px)[1][2]?

[1]
https://code.google.com/p/chromium/codesearch#chromium/src/chrome/browser/res...
[2]
https://code.google.com/p/chromium/codesearch#chromium/src/ui/webui/resources...

[anthonyvd, 2016/03/18 18:01:48]

This way, the font size doesn't change when Content Font Size is changed in
chrome://settings, which is what we want since this isn't "content".

[Dan Beam, 2016/03/18 18:10:08]

a) I'm not sure I agree with "this isn't content"
b) most people's eyes work poorly anywhere on the screen

   height: 250px;
   padding: 20px 24px;
 }
 
 .sync-message {
   color: #595959;
   line-height: 150%;
   padding-bottom: 32px;
 }
 
@@ skipping 268 matching lines @@
 @keyframes fade-in-icon-bottom-right {
   from {
     opacity: 0;
     transform: translate(0, 0);
   }
   to {
     opacity: 0.1;
     transform: translate(4px, 4px);
   }
 }