[CrOS MultiDevice] Some formatting for start page of setup flow

Some initial formatting to get closer to the mocks:
https://drive.google.com/open?id=0B1-cJJPK-cu6UGQ1Yk9uQzhReVlEc0J1N2ZZU0FaLTlvaFZB

Bug: 878644
Change-Id: Ib985d48cd91014ae82c1f7d6c57df86be38f0a67
Reviewed-on: https://chromium-review.googlesource.com/1212353Reviewed-by: Kyle Horimoto <khorimoto@chromium.org>
Commit-Queue: Jordy Greenblatt <jordynass@chromium.org>
Cr-Commit-Position: refs/heads/master@{#590169}

chrome/browser/resources/chromeos/multidevice_setup/button_bar.html

@@ -20,13 +20,13 @@ on the MultiDeviceSetup.uiMode property. -->
         text-transform: none;
       }
     </style>
+    <div class="flex"></div>
     <paper-button id="backward"
         on-click="onBackwardButtonClicked_"
         class="cancel-button"
         hidden$="[[!backwardButtonText]]">
       [[backwardButtonText]]
     </paper-button>
-    <div class="flex"></div>
     <paper-button id="forward"
         on-click="onForwardButtonClicked_"
         class="action-button"

chrome/browser/resources/chromeos/multidevice_setup/multidevice_setup_shared_css.html

 <link rel="import" href="chrome://resources/html/polymer.html">
 
+<link rel="import" href="chrome://resources/cr_elements/shared_vars_css.html">
+
 <dom-module id="multidevice-setup-shared">
   <template>
     <style>
       .page-content-text {
-        color: rgb(95, 99, 104);
+        color: var(--google-grey-700);
         font-family: Roboto-Regular, Roboto, sans-serif;
         font-size: 13px;
         line-height: 1.4;
       }
+
+      a {
+        color: var(--google-blue-600);
+        text-decoration: none;
+      }
     </style>
   </template>
 </dom-module>

chrome/browser/resources/chromeos/multidevice_setup/ui_page.html

@@ -13,15 +13,21 @@
         padding-right: 32px;
       }
 
+      iron-icon {
+        --iron-icon-width: 32px;
+        --iron-icon-height: 32px;
+      }
+
       h1 {
         color: rgb(32, 33, 36);
+        font-family: 'Google Sans';
         font-size: 28px;
         margin: 0;
         padding-top: 36px;
       }
 
       #message-container {
-        padding-top: 14px;
+        padding-top: 16px;
       }
     </style>
     <div id="ui-page-container">