Change UI for update required screen

This CL introduces the following changes as per UI feedback :-
1) Illustration is too low when there is no button on OOBE screen.
Moved it 40px higher as per feedback.
2) Space between text lines in the footer section is too tight.
Added line-height 20px as per feedback.
3) Updated margin-top for progress message as per OOBE spec.

Bug: 1106768
Change-Id: If1fcbbc5af9af86ec1336428c6035a388d5a869c
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2302639Reviewed-by: Denis Kuznetsov [CET] <antrim@chromium.org>
Commit-Queue: Saurabh Nijhara <snijhara@google.com>
Cr-Commit-Position: refs/heads/master@{#791874}

chrome/browser/resources/chromeos/login/checking_downloading_update.css

@@ -4,7 +4,7 @@
 
 .progress-message {
   color: var(--oobe-subheader-text-color);
-  margin-top: 32px;
+  margin-top: 8px;
 }
 
 .update-illustration {

chrome/browser/resources/chromeos/login/components/oobe_dialog.css

@@ -59,6 +59,15 @@
   margin: 0;
 }
 
+#footerContainer ::slotted(*) {
+  color: var(--oobe-subheader-text-color);
+  line-height: var(--subtitle-line-height);
+}
+
+:host(:not([has-buttons])) #footerContainer {
+  margin-bottom: 40px;
+}
+
 #oobe-progress ::slotted(paper-progress) {
   --paper-progress-active-color: var(--google-blue-500);
   --paper-progress-container-color: var(--google-blue-100);

chrome/browser/resources/chromeos/login/update_required_card.css

@@ -15,10 +15,6 @@
   font-weight: bold;
 }
 
-#adminMessageContainer {
-  color: var(--oobe-subheader-text-color);
-}
-
 .update-illustration {
   height: 264px;
   width: 264px;