media: Add more player details in chrome://media-internals player list

content/browser/resources/media/media_internals.css

 /* Copyright 2013 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file. */
 
 html,
 body,
 #container {
   margin: 0;
   padding: 0;
   width: 100%;
@@ skipping 160 matching lines @@
 #video-capture-capabilities-table .video-capture-formats-table td {
   padding:2px;
 }
 
 .show-none-if-empty:empty:after {
   content: "none";
   color: rgba(0, 0, 0, .5);
 }
 
 label.selectable-button {
-  -webkit-appearance: button;
   -webkit-user-select: none;
-  padding: 2px 5px;
-  margin-bottom: 5px;
+  display: inline-block;
+  background: #BDF;
+  cursor: pointer;
+  border: solid 1px #999;
+  border-radius: 3px;
+  padding: 6px;
+  margin: 4px 0;
+  line-height: 1.4;
 }
 
 input.selectable-button {
   display: none;
 }
 
 input.selectable-button:checked + label.selectable-button {
-  background-color: #4AA9E4;
-  color: white;
+  background-color: #2196F3;
+  border-color: #666;
+  color: #FFF;
+}
+
+input.selectable-button:hover + label.selectable-button {
+  border-color: #666;
 }
 
 label.destructed-player {
-  background-color: #E4854A;
+  background-color: #EEE;
+}
+
+.player-name {
+  font-weight: bold;
+}
+
+.player-frame {
+  font-style: italic;
 }
 
 .no-players-selected #players .property-wrapper,
 .no-players-selected #players #log-wrapper {
   display: none;
 }
 
 .no-components-selected #audio .property-wrapper {
   display: none;
 }