Change chrome://net-export/ UI flow.

components/net_log/resources/net_export.css

 /* Copyright (c) 2013 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file.
  */
 
 body {
   font-size: 80%;
+  margin: 1em;

[xunjieli, 2017/05/02 17:10:01]

Should we make the left-margin and right-margin auto?
On desktop, the view is at left corner of the screen. Maybe we can center it?

Screenshot:
https://drive.google.com/file/d/0Bw0C8-TgzJfsXzBaTFA2cDUwQnc/view?usp=sharing

[eroman, 2017/05/02 20:07:58]

Done

+  max-width: 60em;
 }
 
 button {
   display: block;
   font-size: 110%;
   font-weight: bold;
   margin: 10px auto;
   min-height: 48px;
   width: 200px;
 }
 
-button:disabled > .export-view-logging-enabled,
-button:enabled > .export-view-logging-disabled
-{
-  display: none;
+h2 {
+  color: #546E7A;
+  font-weight: normal;
+  font-size: 170%;
+  margin-bottom: 1.5em;
 }
 
 .radio-button-div {
   margin: 7px auto;
 }
 
 .warning {
   color: red;
   font-size: 90%;
-  font-weight: normal;
 }
 
-#net-export-main {
-  margin: 8px;
+.section-container {
+  margin-top: 2em;
 }
 
-#export-view-file-path-text {
-  white-space: pre-wrap;
-  word-wrap: break-word;
+#export-view-file-path-logging,
+#export-view-file-path-stopped {
+  font-family: monospace;
 }
+
+.outline-box {
+  margin-top: 2em;
+  border: 1px solid #ababab;
+  padding: 0.5em;
+  line-height: 1.5em;
+}