| OLD | NEW |
| 1 <div id=timeline-view-selection-div> | 1 <div id=timeline-view-selection-div> |
| 2 <div style="text-align: right"> | 2 <div style="text-align: right"> |
| 3 <img id=timeline-view-selection-toggle | 3 <img id=timeline-view-selection-toggle |
| 4 class=timeline-view-rotateleft | 4 class=timeline-view-rotateleft |
| 5 src='chrome://resources/images/select.png' /> | 5 src='chrome://resources/images/select.png'> |
| 6 </div> | 6 </div> |
| 7 <ul id=timeline-view-selection-ul> | 7 <ul id=timeline-view-selection-ul> |
| 8 <li id=timeline-view-open-sockets><label><input type=checkbox checked /> | 8 <li id=timeline-view-open-sockets><label><input type=checkbox checked> |
| 9 █ <span class=timeline-view-text>Open sockets</span></label> | 9 █ <span class=timeline-view-text>Open sockets</span></label> |
| 10 </input></li> | 10 </li> |
| 11 <li id=timeline-view-in-use-sockets><label><input type=checkbox checked /> | 11 <li id=timeline-view-in-use-sockets><label><input type=checkbox checked> |
| 12 █ <span class=timeline-view-text>In use sockets</span></label> | 12 █ <span class=timeline-view-text>In use sockets</span></label> |
| 13 </input></li> | 13 </li> |
| 14 <li id=timeline-view-url-requests><label><input type=checkbox checked /> | 14 <li id=timeline-view-url-requests><label><input type=checkbox checked> |
| 15 █ <span class=timeline-view-text>URL requests</span></label> | 15 █ <span class=timeline-view-text>URL requests</span></label> |
| 16 </input></li> | 16 </li> |
| 17 <li id=timeline-view-dns-requests><label><input type=checkbox checked /> | 17 <li id=timeline-view-dns-requests><label><input type=checkbox checked> |
| 18 █ <span class=timeline-view-text>DNS requests</span></label> | 18 █ <span class=timeline-view-text>DNS requests</span></label> |
| 19 </input></li> | 19 </li> |
| 20 <li id=timeline-view-bytes-received><label><input type=checkbox checked /> | 20 <li id=timeline-view-bytes-received><label><input type=checkbox checked> |
| 21 █ <span class=timeline-view-text>Bytes received</span></label> | 21 █ <span class=timeline-view-text>Bytes received</span></label> |
| 22 </input></li> | 22 </li> |
| 23 <li id=timeline-view-bytes-sent><label><input type=checkbox checked /> | 23 <li id=timeline-view-bytes-sent><label><input type=checkbox checked> |
| 24 █ <span class=timeline-view-text>Bytes sent</span></label> | 24 █ <span class=timeline-view-text>Bytes sent</span></label> |
| 25 </input></li> | 25 </li> |
| 26 <li id=timeline-view-disk-cache-bytes-read><label><input type=checkbox checked
/> | 26 <li id=timeline-view-disk-cache-bytes-read><label><input type=checkbox checked
> |
| 27 █ <span class=timeline-view-text>Disk cache bytes read</span></label> | 27 █ <span class=timeline-view-text>Disk cache bytes read</span></label> |
| 28 </input></li> | 28 </li> |
| 29 <li id=timeline-view-disk-cache-bytes-written><label><input type=checkbox /> | 29 <li id=timeline-view-disk-cache-bytes-written><label><input type=checkbox> |
| 30 █ <span class=timeline-view-text>Disk cache bytes written</span></labe
l> | 30 █ <span class=timeline-view-text>Disk cache bytes written</span></labe
l> |
| 31 </input></li> | 31 </li> |
| 32 </ul> | 32 </ul> |
| 33 </div> | 33 </div> |
| 34 <div id=timeline-view-graph-div> | 34 <div id=timeline-view-graph-div> |
| 35 <canvas id=timeline-view-graph-canvas> | 35 <canvas id=timeline-view-graph-canvas> |
| 36 </canvas> | 36 </canvas> |
| 37 </div> | 37 </div> |
| 38 <div id=timeline-view-scrollbar-div> | 38 <div id=timeline-view-scrollbar-div> |
| 39 <div id=timeline-view-scrollbar-inner-div> | 39 <div id=timeline-view-scrollbar-inner-div> |
| 40 </div> | 40 </div> |
| 41 </div> | 41 </div> |
| OLD | NEW |