Add Supervision offline screen fit and finish

See new screenshot in bug

Bug: 996347
Change-Id: I4ab6a3bf30af15ed97ff974bcbf10ca96e72d53a
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1779533Reviewed-by: Michael Giuffrida <michaelpg@chromium.org>
Commit-Queue: Danan S <danan@chromium.org>
Cr-Commit-Position: refs/heads/master@{#694362}

chrome/browser/resources/chromeos/add_supervision/add_supervision.html

@@ -23,20 +23,20 @@
           html,
           body {
             height: 100%;
-            overflow: auto;
-            overflow-y: hidden;
           }
 
           .title {
             color: var(--google-grey-900);
             font-family: 'Google Sans', Roboto, sans-serif;
             font-size: 28px;
-            padding: 32px 0 16px 0;
+            padding-top: 20px;
           }
 
           .sub-title {
-            color: var(--google-grey-900);
-            font: 13px Roboto, sans-serif;
+            color: var(--google-grey-700);
+            font-family: Roboto;
+            font-size: 14px;
+            padding-top: 8px;
           }
 
           .error-icon {
@@ -48,7 +48,7 @@
           }
 
           #offlineContentDiv {
-            padding-inline-start: 50px;
+            padding-inline-start: 32px;
           }
 
           #networkUnavailableDiv {
@@ -57,14 +57,14 @@
           }
 
           #closeButtonDiv {
-            padding-inline-start: 600px;
-            padding-top: 100px;
+            padding-inline-start: 632px;
+            padding-top: 116px;
             width: 100%;
           }
         </style>
         <div id="offlineContentDiv">
           <div>
-            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="error-icon">
+            <svg xmlns="http://www.w3.org/2000/svg" class="error-icon" width="32px" height="32px" viewBox="0 0 22 22">
               <path d="M11 15h2v2h-2v-2zm0-8h2v6h-2V7zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z">
               <path fill="none" d="M0 0h24v24H0V0z">
             </svg>