Re-design the "data" tab on about:net-internals.

chrome/browser/resources/net_internals/import_view.html

Index: chrome/browser/resources/net_internals/import_view.html
===================================================================
--- chrome/browser/resources/net_internals/import_view.html	(revision 94563)
+++ chrome/browser/resources/net_internals/import_view.html	(working copy)
@@ -1,24 +1,5 @@
-<!-- Import/Export data -->
-<div id=dataTabContent>
+<div id=importTabContent>
 
-<table width=100%>
-<tr>
-<td valign=top>
-  <div id=dataViewDumpDataDiv>
-    <h2>Dump data</h2>
-    <div style="margin: 8px">
-      <p><input id=securityStrippingCheckbox type=checkbox checked=yes>
-         Strip private information (cookies and credentials).
-      </p>
-      <p>
-        <a href="chrome://net-internals/help.html" target="_blank">
-          Help: How to get data for bug reports?
-        </a>
-      </p>
-      <button id=dataViewSaveLogFile class=bigButton>Dump to file</button>
-      <pre id=dataViewSaveStatusText></pre>
-    </div>
-  </div>
   <div id=dataViewLoadedDiv style="display: none">
     <h2>Data Loaded</h2>
     <p id=dataViewLoadedClientInfoText></p>

[mmenke, 2011/07/29 14:18:53]

Could you switch this to a pre while you're modifying this file?

[eroman, 2011/07/29 15:15:08]

Done.

@@ -27,53 +8,16 @@
     <h2>Load data</h2>
     <p><input type=file value="Load log from file" id=dataViewLoadLogFile /></p>
     <pre id=dataViewLoadStatusText></pre>
-    <div style="margin: 8px">
-      <p>Either press the button above and select a file or drag a file onto
-         this window to load it.
-      </p>
-      <p>Works for both log dumps generated from this page with Chrome 14
-         and later, and with log files created with
-          "--log-net-log=file_name".  "--net-log-level=#" will set the
-          default log level used.
-      </p>
-      <p>Once a log is loaded, this page will stop collecting data, and will
-         only start gathering data again when
-         <a id="reloaded-link" href="#">reloaded</a>.
-      </p>
-    </div>
-  </div>
-</td>
 
-<td align=right valign=top>
-  <div class="capturingBox" id=dataViewCapturingBox>
-    <span id=dataViewCapturingTextSpan>
-      <b>Capturing all events...</b>
-    </span>
-    <span id=dataViewLoggingTextSpan style="display: none;">
-      <b>Viewing loaded log file.</b>
-    </span>
-    <table style="margin: 8px">
-      <tr>
-        <td>Passively&nbsp;captured:</td>
-        <td align=right id=passivelyCapturedCount></td>
-      </tr>
-      <tr>
-        <td>Actively captured:</td>
-        <td align=right id=activelyCapturedCount></td>
-      </tr>
-    </table>
-    <p class="hideOnLoadLog">
-      <input type=button value="Delete all" id=dataViewDeleteAll />
+    <p>Once a log is loaded, this page will stop collecting data, and will
+       only start gathering data again when
+       <a id="reloaded-link" href="#">reloaded</a>.
     </p>
-    <p class="hideOnLoadLog"><input id=byteLoggingCheckbox type=checkbox />
-        Log actual bytes sent/received.
-    </p>
+
+    <ul>
+      <li><b>NOTE</b>: The currently captured data will be discarded when you load a file.</li>
+      <li><b>TIP</b>: Drag-and-drop of log files into this window works too!</li>
+    </ul>
   </div>
-</td>
 
-</tr>
-</table>
-
-<iframe style="display: none" id=dataViewDownloadIframe></iframe>
-
 </div>