[ios] Adjust the layout of chrome://management page

- Add enterprise icon to the page. - Adjust text color, font size and line height. Bug: 1108981 Change-Id: Iefac85146019f3a4b5a60fcc8812340cae5ddfb5 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2352526Reviewed-by: Mike Dougherty <michaeldo@chromium.org> Commit-Queue: Tina Wang <tinazwang@chromium.org> Cr-Commit-Position: refs/heads/master@{#797722}

[ios] Adjust the layout of chrome://management page
- Add enterprise icon to the page. - Adjust text color, font size and line height. Bug: 1108981 Change-Id: Iefac85146019f3a4b5a60fcc8812340cae5ddfb5 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2352526Reviewed-by: Mike Dougherty <michaeldo@chromium.org> Commit-Queue: Tina Wang <tinazwang@chromium.org> Cr-Commit-Position: refs/heads/master@{#797722}
8db17711 · Tina Wang · Commit Bot · f4d1fe5f · 8db17711 · 8db17711
Commit 8db17711 authored Aug 13, 2020 by Tina Wang Committed by Commit Bot Aug 13, 2020
3 changed files
--- a/components/management/resources/images/enterprise_icon.svg
+++ b/components/management/resources/images/enterprise_icon.svg
+<svg xmlns="http://www.w3.org/2000/svg" height="48px" viewBox="0 0 24 24" width="48px" fill="#5f6368"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M12 7V3H2v18h20V7H12zM6 19H4v-2h2v2zm0-4H4v-2h2v2zm0-4H4V9h2v2zm0-4H4V5h2v2zm4 12H8v-2h2v2zm0-4H8v-2h2v2zm0-4H8V9h2v2zm0-4H8V5h2v2zm10 12h-8v-2h2v-2h-2v-2h2v-2h-2V9h8v10zm-2-8h-2v2h2v-2zm0 4h-2v2h2v-2z"/></svg>
\ No newline at end of file
--- a/components/management/resources/management.css
+++ b/components/management/resources/management.css
@@ -3,14 +3,14 @@
 * found in the LICENSE file.
 */

-/* TODO(crbug.com/1108981): adjust the style when the design is finalized. */
 body {
  color: rgb(95, 99, 104);
  font-size: 2em;
-  margin: 10%;
+  line-height: 1.5;
+  margin: 5%;
  min-width: 500;  /* Wrap content to screen on mobile. */
  text-align: start;
-  width: 80%;
+  width: 90%;
 }

 a {
@@ -18,10 +18,20 @@ a {
  text-decoration: none;
 }

-#main-message {
-  margin-bottom: 2em;
+img {
+  height: auto;
+  margin-top: 2em;
+  width: 15%;
+}
+
+#main-message,
+#unmanaged-info {
+  color: black;
+  font-size: 1.5em;
+  margin-bottom: 1em;
+  margin-top: 2em;
 }

 .hidden {
  display: none;
-}
\ No newline at end of file
+}
--- a/components/management/resources/management.html
+++ b/components/management/resources/management.html
@@ -24,6 +24,7 @@
  </script>
 </head>
 <body>
+  <img src="images/enterprise_icon.svg">
  <div id="managed-info" class="hidden">
    <div id="main-message">$i18n{managementMessage}</div>
    <div id="secondary-message">$i18n{managedInfo}