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

chrome/browser/resources/net_internals/main.css

Index: chrome/browser/resources/net_internals/main.css
===================================================================
--- chrome/browser/resources/net_internals/main.css	(revision 94563)
+++ chrome/browser/resources/net_internals/main.css	(working copy)
@@ -4,6 +4,11 @@
 found in the LICENSE file.
 */
 
+/* TODO(eroman): Split this file up, so the styles are defined close to where
+                 they are used. For instance, the proxy tab styles should
+                 either be part of proxy_view.html, or proxy_view.css. Only
+                 common styles should be declared here */
+
 * {
   box-sizing: border-box;
   -moz-box-sizing: border-box;
@@ -208,11 +213,14 @@
   font-size: 10px;
 }
 
+/* TODO(eroman): make this a classname instead */
 #detailsLogBox,
 #detailsTimelineBox,
 #httpCacheTabContent,
 #proxyTabContent,
-#dataTabContent,
+#captureTabContent,
+#importTabContent,
+#exportTabContent,
 #dnsTabContent,
 #socketsTabContent,
 #spdyTabContent,
@@ -254,17 +262,6 @@
   background: rgb(255,217,217);
 }
 
-/*
- * This is the box in the top right of the Data tab which shows how many
- * events have been captured so far.
- */
-.capturingBox {
-  border: 1px dashed black;
-  display: inline-block;
-  text-align: left;
-  padding: 5px;
-}
-
 /**
  * Styling for an emphasized button.
  */