Navi: Update Google Apps Experiment to match mocks.

Changes in this CL:
- Update strings to match
- Add main icon to match
- Center text instead of align left

See screenshot in bug.

Remaining work:
- Get list of apps from loadtime data
- Update skip/next labels

Bug: 874118
Change-Id: I11aa47ca4b819ba77b50eef994983ddc72a7028e
Reviewed-on: https://chromium-review.googlesource.com/c/1247422Reviewed-by: Demetrios Papadopoulos <dpapad@chromium.org>
Commit-Queue: Hector Carmona <hcarmona@chromium.org>
Cr-Commit-Position: refs/heads/master@{#596781}

chrome/app/nux_strings.grdp

@@ -24,8 +24,8 @@
   <message name="IDS_NUX_GOOGLE_APPS_GET_STARTED" desc="Message for a confirmation button that will add the selected apps from a list.">
     Get started
   </message>
-  <message name="IDS_NUX_GOOGLE_APPS_DESCRIPTION" desc="Description of what selecting apps and pressing 'Get started' will do.">
-    Get quick access to your favorite Google Apps
+  <message name="IDS_NUX_GOOGLE_APPS_DESCRIPTION" desc="Description of what this section in the onboarding workflow does.">
+    Add bookmarks to your favorite Google Apps
   </message>
   <message name="IDS_NUX_GOOGLE_APPS_DESCRIPTION_PROMO_BUBBLE" desc="Text shown when Google Apps have been added to highlight where bookmarks have been placed.">
     Open apps easily with bookmarks

chrome/browser/browser_resources.grd

@@ -701,6 +701,8 @@
         <include name="IDR_NUX_EMAIL_YAHOO_2X" file="resources\welcome\onboarding_welcome\images\yahoo_2x.png" type="BINDATA" />
         <include name="IDR_NUX_GOOGLE_APPS_CHROME_STORE_1X" file="resources\welcome\onboarding_welcome\images\chrome_store_1x.png" type="BINDATA" />
         <include name="IDR_NUX_GOOGLE_APPS_CHROME_STORE_2X" file="resources\welcome\onboarding_welcome\images\chrome_store_2x.png" type="BINDATA" />
+        <include name="IDR_NUX_GOOGLE_APPS_LOGO_1X" file="resources\welcome\onboarding_welcome\images\google_apps_1x.png" type="BINDATA" />
+        <include name="IDR_NUX_GOOGLE_APPS_LOGO_2X" file="resources\welcome\onboarding_welcome\images\google_apps_2x.png" type="BINDATA" />
         <include name="IDR_NUX_GOOGLE_APPS_MAPS_1X" file="resources\welcome\onboarding_welcome\images\maps_1x.png" type="BINDATA" />
         <include name="IDR_NUX_GOOGLE_APPS_MAPS_2X" file="resources\welcome\onboarding_welcome\images\maps_2x.png" type="BINDATA" />
         <include name="IDR_NUX_GOOGLE_APPS_NEWS_1X" file="resources\welcome\onboarding_welcome\images\news_1x.png" type="BINDATA" />

chrome/browser/resources/welcome/onboarding_welcome/google_apps/nux_google_apps.html

@@ -21,30 +21,27 @@
       .apps-ask {
         margin-left: auto;
         margin-right: auto;
-        margin-top: 116px;
+        margin-top: 120px;
         width: fit-content;
       }
 
       .chrome-logo {
         content: -webkit-image-set(
-            url(chrome://welcome/logo.png) 1x,
-            url(chrome://welcome/logo2x.png) 2x);
-        height: 40px;
-        margin-bottom: 36px;
-        width: 40px;
+            url(chrome://welcome/apps/google_apps_1x.png) 1x,
+            url(chrome://welcome/apps/google_apps_2x.png) 2x);
+        height: 38px;
+        margin-bottom: 16px;
+        margin-left: auto;
+        margin-right: auto;
+        width: 42px;
       }
 
       h1 {
         color: var(--cr-primary-text-color);
-        font-size: 28px;
-        margin-bottom: 16px;
+        font-size: 24px;
+        margin-bottom: 48px;
         opacity: .8;
-      }
-
-      .description {
-        color: var(--cr-secondary-text-color);
-        font-size: 16px;
-        margin-bottom: 24px;
+        text-align: center;
       }
 
       apps-chooser {
@@ -65,8 +62,7 @@
 
     <div class="apps-ask">
       <div class="chrome-logo"></div>
-      <h1>$i18n{headerText}</h1>
-      <div class="description">$i18n{nuxDescription}</div>
+      <h1>$i18n{googleAppsDescription}</h1>
 
       <apps-chooser id="appChooser" has-apps-selected="{{hasAppsSelected_}}">
       </apps-chooser>

chrome/browser/ui/webui/welcome/nux/google_apps_handler.cc

@@ -139,7 +139,7 @@ void GoogleAppsHandler::AddSources(content::WebUIDataSource* html_source) {
   html_source->AddLocalizedString("noThanks", IDS_NO_THANKS);
   html_source->AddLocalizedString("getStarted",
                                   IDS_NUX_GOOGLE_APPS_GET_STARTED);
-  html_source->AddLocalizedString("nuxDescription",
+  html_source->AddLocalizedString("googleAppsDescription",
                                   IDS_NUX_GOOGLE_APPS_DESCRIPTION);
 
   // Add required resources.
@@ -167,6 +167,10 @@ void GoogleAppsHandler::AddSources(content::WebUIDataSource* html_source) {
                                IDR_NUX_EMAIL_GMAIL_1X);
   html_source->AddResourcePath("apps/gmail_2x.png",
                                IDR_NUX_EMAIL_GMAIL_2X);
+  html_source->AddResourcePath("apps/google_apps_1x.png",
+                               IDR_NUX_GOOGLE_APPS_LOGO_1X);
+  html_source->AddResourcePath("apps/google_apps_2x.png",
+                               IDR_NUX_GOOGLE_APPS_LOGO_2X);
   html_source->AddResourcePath("apps/maps_1x.png", IDR_NUX_GOOGLE_APPS_MAPS_1X);
   html_source->AddResourcePath("apps/maps_2x.png", IDR_NUX_GOOGLE_APPS_MAPS_2X);
   html_source->AddResourcePath("apps/news_1x.png", IDR_NUX_GOOGLE_APPS_NEWS_1X);