Update chrome://welcome resources with Material/M37 look and feel

chrome/browser/resources/about_welcome_android/about_welcome_android.css

Index: chrome/browser/resources/about_welcome_android/about_welcome_android.css
diff --git a/chrome/browser/resources/about_welcome_android/about_welcome_android.css b/chrome/browser/resources/about_welcome_android/about_welcome_android.css
index e640dc90a92ee695d26f0f626ca46e0cfa5761f8..a631a71f84611d9f44bab34fb01c4e0bf6e30380 100644
--- a/chrome/browser/resources/about_welcome_android/about_welcome_android.css
+++ b/chrome/browser/resources/about_welcome_android/about_welcome_android.css
@@ -2,6 +2,8 @@
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file. */
 
+@import url('//fonts.googleapis.com/css?family=RobotoDraft:regular,bold,italic,thin,light,bolditalic,black,medium');

[Dan Beam, 2014/09/19 21:43:39]

why is this a remote URL?

[mmccoy, 2014/09/21 13:32:34]

Yeah, I wasn't sure about this -- the design calls for Roboto2 as the font face,
and my understanding is that the system font will still be Droid Sans until L
ships, so I chose to use a remote resource until then.  Let me know if I should
just fall back to system font anyway.

+
 html {
   height: 100%;
   width: 100%;
@@ -10,10 +12,10 @@ html {
 body {
   -webkit-align-items: center;
   -webkit-flex-direction: column;
-  background-color: #f4f4f4;
+  background-color: #fafafa;
   box-sizing: border-box;
   display: -webkit-flex;
-  font-family: Droid Sans;
+  font-family: 'RobotoDraft', sans-serif;
   height: 100%;
   margin: 0 auto;
   max-width: 600px;
@@ -40,28 +42,21 @@ a {
 
 #take-a-tour {
   -webkit-flex: none;
-  background: linear-gradient(to bottom, #f5f5f5, #f1f1f1);
-  border: 1px solid #ccc;
   border-radius: 2px;
-  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08),
-      inset 0 0 2px rgba(255, 255, 255, 0.6);
-  color: rgb(73, 73, 74);
+  background-color: rgb(66, 133, 244);

[Dan Beam, 2014/09/19 21:43:39]

alphabetize

[mmccoy, 2014/09/21 13:32:34]

Done.

+  color: #fff;
   display: block;
-  font-size: 20px;
-  font-weight: bold;
+  font-size: 18px;
+  font-weight: medium;
   margin: 20px auto 0;
-  max-width: 400px;
-  padding: 11px 0;
+  max-width: 320px;
+  padding: 15px 0;
   text-align: center;
   text-decoration: none;
+  text-transform: uppercase;
   width: 100%;
 }
 
-#take-a-tour:active {
-  border: 1px solid #a1a1a1;
-  box-shadow: inset 0 5px 15px rgba(100, 100, 100, 0.20);
-}
-
 .footer {
   -webkit-flex: none;
   color: #646464;