DevTools: update status / progress dialog in audits 2.

third_party/WebKit/Source/devtools/front_end/audits2/audits2Dialog.css

Index: third_party/WebKit/Source/devtools/front_end/audits2/audits2Dialog.css
diff --git a/third_party/WebKit/Source/devtools/front_end/audits2/audits2Dialog.css b/third_party/WebKit/Source/devtools/front_end/audits2/audits2Dialog.css
index 66a7628ca4eb4d5a476277659f75be80c320dad5..038532378d8d8aedd226820d25534bd8ac597bb5 100644
--- a/third_party/WebKit/Source/devtools/front_end/audits2/audits2Dialog.css
+++ b/third_party/WebKit/Source/devtools/front_end/audits2/audits2Dialog.css
@@ -6,6 +6,8 @@
 
 .audits2-view {
     margin: 7px 20px;
+    flex: auto;
+    align-items: center;
 }
 
 header {
@@ -22,22 +24,27 @@ header {
     display: inline;
 }
 
+.audits2-status {
+    flex: auto;
+    align-items: center;
+    color: #666;
+}
+
 .audits2-status .icon {
-    width: 16px;
-    height: 16px;
-    margin-top: 10px;
-    margin-right: 4px;
+    width: 64px;
+    height: 64px;
+    margin: 20px;
     animation: spinner-animation 1200ms linear infinite;
     transform-origin: 50% 50%;
-    padding: 1px;
+    padding: 4px;
 }
 
 .audits2-status .icon::before {
     display: inline-block;
-    border: 1px solid #1565C0;
-    border-radius: 7px;
-    width: 14px;
-    height: 14px;
+    border: 4px solid #1565C0;
+    border-radius: 28px;
+    width: 56px;
+    height: 56px;
     content: "";
     position: absolute;
     box-sizing: border-box;
@@ -45,8 +52,8 @@ header {
 
 .audits2-status .icon::after {
     display: inline-block;
-    width: 6px;
-    height: 7px;
+    width: 24px;
+    height: 28px;
     background: white;
     position: absolute;
     content: "";
@@ -70,6 +77,10 @@ button {
     padding: 3px 0 0 22px;
 }
 
+.audits2-dialog-buttons {
+    justify-content: center;
+}
+
 @keyframes spinner-animation {
     from { transform: rotate(0); }
     to { transform: rotate(360deg); }