Index: content/browser/resources/media/media_internals.css |
diff --git a/content/browser/resources/media/media_internals.css b/content/browser/resources/media/media_internals.css |
index 56c64e50b535ba9b2968aea8a755c765387004af..b747fb970c170f07b637614151aa638ae3f4d21f 100644 |
--- a/content/browser/resources/media/media_internals.css |
+++ b/content/browser/resources/media/media_internals.css |
@@ -1,71 +1,95 @@ |
-/* Copyright (c) 2012 The Chromium Authors. All rights reserved. |
+/* 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. */ |
-body { |
- font-family: sans-serif; |
-} |
+html, |
+body, |
+#container { |
+ margin: 0; |
+ padding: 0; |
+ width: 100%; |
+ height: 100%; |
-h2 { |
- margin: 15px 0 5px 0; |
+ font-family: 'Lucida Grande', sans-serif; |
} |
-ul, |
-p, |
-canvas { |
- margin: 0; |
+table { |
+ border-collapse: collapse; |
} |
- |
-[hidden] { |
- display: none !important; |
+td { |
+ border: 1px solid black; |
+ word-wrap: break-word; |
+ max-width: 200px; |
} |
- |
-#media-players td, |
-#media-players th { |
- padding: 0 10px; |
+thead { |
+ color: rgb(50,50,50); |
+ font-size: 1.1em; |
} |
-#cache-entries ul, |
-#media-players ul, |
-#media-players { |
- list-style-type: none; |
+h1, |
+h2, |
+h3 { |
+ color: rgb(50,50,50); |
} |
-.cache-entry { |
- margin: 0 0 5px 0; |
+#container { |
+ display: flex; |
+ flex-direction: row; |
+ flex-wrap: wrap; |
+ justify-content: space-between; |
+ align-items: flex-start; |
+ align-content: stretch; |
} |
-.cache-entry-controls { |
- font-size: smaller; |
+#container > * { |
+ padding: 0; |
+ padding-left: 25px; |
+ margin: 0; |
} |
-.cache-table { |
- table-layout: fixed; |
- width: 500px; |
+#list-wrapper { |
+ display: flex; |
+ flex-direction: column; |
+ justify-content: space-between; |
+ align-items: flex-start; |
+ align-content: stretch; |
} |
-thead { |
- text-align: left; |
+#player-list-wrapper, |
+#audio-stream-list-wrapper { |
+ flex-grow: 1; |
+ align-self: stretch; |
+ min-width: 200px; |
+ max-width: 200px; |
+ overflow: auto; |
} |
-tfoot { |
- text-align: right; |
+#player-list-wrapper ul, |
+#player-list-wrapper li, |
+#audio-stream-list-wrapper ul, |
+#audio-stream-list-wrapper li { |
+ margin: 0; |
+ padding: 0; |
+ list-style-type: none; |
} |
- |
-.buffered { |
- display: table; |
+#list-wrapper button { |
+ margin: 0; |
+ padding: 0; |
+ width: 170px; |
} |
-.buffered > div { |
- display: table-row; |
+#property-wrapper, |
+#log-wrapper { |
+ display:block; |
+ flex-grow: 0.5; |
+ align-self: stretch; |
+ overflow: auto; |
} |
-.buffered > div > div { |
- display: table-cell; |
- vertical-align: bottom; |
+#log-wrapper > thead { |
+ position: fixed; |
} |
-.buffered > div > div:first-child { |
- font-weight: bold; |
- padding-right: 2px; |
+#graphs li { |
+ list-style-type: none; |
} |