DevTools: Resource Timing: expand table in detailed view.

Source/devtools/front_end/networkPanel.css

Index: Source/devtools/front_end/networkPanel.css
diff --git a/Source/devtools/front_end/networkPanel.css b/Source/devtools/front_end/networkPanel.css
index eadd8d9df30a4660eabe3ce2b5b7ab7e903f6351..37ec1b39793328f8c7c0520a1d6d7be43510ddec 100644
--- a/Source/devtools/front_end/networkPanel.css
+++ b/Source/devtools/front_end/networkPanel.css
@@ -87,11 +87,18 @@
     color: rgb(30%, 30%, 30%);
 }
 
-.resource-timing-view table {
-    border-spacing: 21px 0;
+/* Network timing is shared between popover and network item view pane */
+
+.network-timing-table {
+    width: 328px;
+    border-spacing: 0;
+    padding-left: 4px;
+    padding-right: 4px;
 }
 
-/* Network timing is shared between popover and network item view pane */
+.network-timing-table col.labels {
+    width: 120px;
+}
 
 .network-timing-table td {
     padding: 2px 0;
@@ -122,6 +129,10 @@
     line-height: 15px;
 }
 
+.network-timing-bar.total {
+    border: 1px solid rgba(0, 0, 0, 0.1);
+}
+
 .network-timing-bar.blocking,
 .network-timing-bar.proxy {
     background-color: rgb(205, 205, 205);
@@ -153,6 +164,10 @@
     display: block;
 }
 
+.resource-timing-view .network-timing-table {
+    width: 100%;
+}
+
 .panel.network .split-view {
     flex: auto;
     position: relative;