flutter
diff --git a/‎pkg/analysis_server/lib/src/edit/nnbd_migration/resources/index.html‎
Lines changed: 5 additions & 2 deletions b/‎pkg/analysis_server/lib/src/edit/nnbd_migration/resources/index.html‎
Lines changed: 5 additions & 2 deletions
diff --git a/‎pkg/analysis_server/lib/src/edit/nnbd_migration/resources/migration.css‎
Lines changed: 36 additions & 0 deletions b/‎pkg/analysis_server/lib/src/edit/nnbd_migration/resources/migration.css‎
Lines changed: 36 additions & 0 deletions
@@ -7,11 +7,14 @@
     <link rel="stylesheet" href="{{ highlightStylePath }}">
     <style>{{ dartPageStyle }}</style>
 </head>
-<body>
+<body class="proposed">
 <p class="root">{{ root }}</p>
 <header class="elevation-z4">
-    <h1>Proposed null safety changes</h1>
+    <h1 class="before-apply">Proposed null safety changes</h1>
+    <h1 class="after-apply">&#10003; Null safety migration applied</h1>
     <h2 id="unit-name">&nbsp;</h2>
+    <button class="apply-migration before-apply">&#9998; Apply Migration</button>
+    <button class="apply-migration after-apply" disabled>&#9998; Apply Migration</button>
 </header>
 <div class="panels horizontal">
     <div class="nav-panel">
 
@@ -19,6 +19,14 @@ body {
   overflow: hidden;
 }
 
+.proposed .after-apply {
+  display: none;
+}
+
+.applied .before-apply {
+  display: none;
+}
+
 header {
   background-color: #1c2834;
   height: 48px;
@@ -43,6 +51,12 @@ header h2 {
   font-size: 1.2em;
 }
 
+header .apply-migration {
+  right: 0px;
+  float: right;
+  margin: 10px;
+}
+
 footer {
   color: #ccc;
   background-color: #27323a;
@@ -357,6 +371,28 @@ a:hover {
   fill: #fff;
 }
 
+button {
+  background-color: #33ccff;
+  border: 2px solid #37aedc;
+  border-radius: 3px;
+  padding: 6px 10px;
+  font-weight: bold;
+  color: #282828;
+}
+
+button:hover {
+  background-color: #80dfff;
+  border: 2px solid #52b8e0;
+  cursor: pointer;
+}
+
+button[disabled] {
+  background-color: #7aa8b8;
+  color: #507177;
+  border: 2px solid #507177;
+  cursor: not-allowed;
+}
+
 .placeholder {
   color: #777;
   text-align: center;