DevTools: group by frame, not product in the network panel.

third_party/WebKit/Source/devtools/front_end/network/networkPanel.css

 /*
  * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org>
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  *
  * 1.  Redistributions of source code must retain the above copyright
  *     notice, this list of conditions and the following disclaimer.
@@ skipping 106 matching lines @@
 
 .network-film-strip {
     border-bottom: solid 1px #cdcdcd;
     flex: none !important;
 }
 
 .network-blocked-urls {
     border-top: 1px solid #dadada;
     flex: 104px 0 0;
 }
+
+.data-grid tr td:first-child {

[allada, 2017/05/11 23:58:36]

These should all go into networkLogView.css

[allada, 2017/05/11 23:58:37]

This should be something like:

.network-log-grid.data-grid tr td:first-child

+    border-left: 3px solid transparent !important;
+    padding-left: 2px;
+}
+
+.network-group-by-frame .network-row-with-product td:first-child {
+    border-left: 3px solid #FFC107 !important;
+}
+
+.network-group-by-frame .network-row-from-frame td:first-child {
+    border-left: 3px solid #9E9E9E !important;
+}