Display active media players on chrome://media-internals.

chrome/browser/resources/media_internals/media_internals.css

Index: chrome/browser/resources/media_internals/media_internals.css
diff --git a/chrome/browser/resources/media_internals/media_internals.css b/chrome/browser/resources/media_internals/media_internals.css
index 570eb44ca57e00d695c6db9177516618113c9601..a2387f81e3d54a2814735e72360431c80e2cfe9e 100644
--- a/chrome/browser/resources/media_internals/media_internals.css
+++ b/chrome/browser/resources/media_internals/media_internals.css
@@ -3,12 +3,21 @@
  * found in the LICENSE file.
  */
 
+body {
+  font-family: sans-serif;
+}
+
 h2 {
-  margin: 15px 0px 5px 0px;
+  margin: 15px 0 5px 0;
+}
+
+ul, p, canvas {
+  margin: 0;
 }
 
-ul, p {
-  margin: 0px;
+#media-players td,
+#media-players th {
+  padding: 0 10px;
 }
 
 .audio-stream[status='created'] {
@@ -23,31 +32,46 @@ ul, p {
   color: red;
 }
 
-#cache-entries ul {
+#cache-entries ul,
+#media-players ul {
   list-style-type: none;
 }
 
 .cache-entry {
-  margin: 0px 0px 5px 0px;
+  margin: 0 0 5px 0;
 }
 
 .cache-entry-controls {
   font-size: smaller;
 }
 
-.cache-entry summary {
-  text-indent: -1em;
-}
-
 .cache-table {
   table-layout: fixed;
   width: 500px;
 }
 
-.cache-table thead {
+thead {
   text-align: left;
 }
 
-.cache-table tfoot {
+tfoot {
   text-align: right;
 }
+
+.buffered {
+  display: table;
+}
+
+.buffered > div {
+  display: table-row;
+}
+
+.buffered > div > div {
+  display: table-cell;
+  vertical-align: bottom;
+}
+
+.buffered > div > div:first-child {
+  font-weight: bold;
+  padding-right: 2px;
+}