Upstream chrome://flags & chrome://ui-alternatives iOS WebUI.

components/flags_ui/resources/apple_flags.css

Index: components/flags_ui/resources/apple_flags.css
diff --git a/components/flags_ui/resources/flags.css b/components/flags_ui/resources/apple_flags.css
similarity index 73%
copy from components/flags_ui/resources/flags.css
copy to components/flags_ui/resources/apple_flags.css
index 4d1a61c6ebfcc4cf27c0391d3da9d6bdbcf6e1f6..96548ee45e0f9fbdf634ec31266b333f7b8230ce 100644
--- a/components/flags_ui/resources/flags.css
+++ b/components/flags_ui/resources/apple_flags.css
@@ -7,8 +7,8 @@ body {
 <if expr="not is_android and not is_ios">
   min-width: 47em;
 </if>
-  /* Should be larger than the evaluated height of needs-restart. */
-  padding-bottom: 100px;
+  /* Should match needs-restart.height + 5 */
+  padding-bottom: 75px;
 }
 
 a {
@@ -21,11 +21,14 @@ a {
 }
 
 #header {
-  -webkit-padding-start: 55px;
-  background: url(../../../ui/webui/resources/images/hazard.svg)
-      left center / 48px no-repeat;
-  line-height: 48px;
+  -webkit-padding-start: 75px;
+  box-sizing: border-box;
+  display: table;
   margin-bottom: 1.05em;
+  /* 67px is the height of the header's image. */
+  min-height: 67px;
+  overflow: hidden;
+  position: relative;
 }
 
 #title-spacer {
@@ -107,17 +110,17 @@ html[dir=rtl] #experiment-reset-all {
   -webkit-padding-end: 5px;
 }
 
-/* Default and unsupported experiments display grey text on a grey background.
+/* Disabled and unsupported experiments display grey text on a grey background.
    The title, however, should remain legible. */
 
 .experiment-unsupported > td,
-.experiment-default > td {
+.experiment-disabled > td {
   background: #F0F0F0;
   color: #A0A0A0;
 }
 
 .experiment-unsupported .experiment-name,
-.experiment-default .experiment-name {
+.experiment-disabled .experiment-name {
   color: #000;
 }
 
@@ -151,15 +154,14 @@ html[dir=rtl] #experiment-reset-all {
 }
 
 div.needs-restart {
-  /* If you modify properties that change the height of this,
-   * update body.padding-bottom. */
   background: #FFF;
   border-top: 1px solid rgb(181, 199, 222);
   bottom: 0;
-  box-shadow: 0 -2px 2px #ddd;
   box-sizing: border-box;
+  /* If you change this, update body.padding-bottom */
+  height: 70px;
   left: 0;
-  padding-bottom: 15px;
+  padding-bottom: 25px;
   padding-left: 15px;
   padding-right: 15px;
   padding-top: 15px;
@@ -167,21 +169,6 @@ div.needs-restart {
   width: 100%;
 }
 
-.experiment-restart-button {
-  -webkit-user-select: none;
-  background: rgb(76, 142, 250);
-  border: 0;
-  border-radius: 2px;
-  box-sizing: border-box;
-  color: #fff;
-  cursor: pointer;
-  font-weight: 700;
-  margin-top: 10px;
-  padding: 10px 24px;
-  text-transform: uppercase;
-  transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1);
-}
-
 button {
   font-size: 104%;
 }