| OLD | NEW |
| 1 /* Copyright 2013 The Chromium Authors. All rights reserved. | 1 /* Copyright 2013 The Chromium Authors. All rights reserved. |
| 2 * Use of this source code is governed by a BSD-style license that can be | 2 * Use of this source code is governed by a BSD-style license that can be |
| 3 * found in the LICENSE file. */ | 3 * found in the LICENSE file. */ |
| 4 | 4 |
| 5 html, | 5 html, |
| 6 body, | 6 body, |
| 7 #container { | 7 #container { |
| 8 margin: 0; | 8 margin: 0; |
| 9 padding: 0; | 9 padding: 0; |
| 10 width: 100%; | 10 width: 100%; |
| 11 height: 100%; | 11 height: 100%; |
| 12 | 12 |
| 13 font-family: 'Lucida Grande', sans-serif; | 13 font-family: 'Lucida Grande', sans-serif; |
| 14 } | 14 } |
| 15 | 15 |
| 16 table { | 16 table { |
| 17 border-collapse: collapse; | 17 border-collapse: collapse; |
| 18 } | 18 } |
| 19 td { | 19 td { |
| 20 border: 1px solid black; | 20 border: 1px solid black; |
| 21 word-wrap: break-word; |
| 22 max-width: 200px; |
| 21 } | 23 } |
| 22 thead { | 24 thead { |
| 23 color: rgb(50,50,50); | 25 color: rgb(50,50,50); |
| 24 font-size: 1.1em; | 26 font-size: 1.1em; |
| 25 } | 27 } |
| 26 | 28 |
| 27 h1, | 29 h1, |
| 28 h2, | 30 h2, |
| 29 h3 { | 31 h3 { |
| 30 color: rgb(50,50,50); | 32 color: rgb(50,50,50); |
| 31 } | 33 } |
| 32 | 34 |
| 33 #container { | 35 #container { |
| 34 display: flex; | 36 display: flex; |
| 35 flex-direction: row; | 37 flex-direction: row; |
| 36 flex-wrap: wrap; | 38 flex-wrap: wrap; |
| 37 justify-content: space-between; | 39 justify-content: space-between; |
| 38 align-items: flex-start; | 40 align-items: flex-start; |
| 39 align-content: stretch; | 41 align-content: stretch; |
| 40 } | 42 } |
| 41 | 43 |
| 42 #container > * { | 44 #container > * { |
| 43 padding: 0; | 45 padding: 0; |
| 44 padding-left: 25px; | 46 padding-left: 25px; |
| 45 margin: 0; | 47 margin: 0; |
| 46 max-height: 100%; | |
| 47 } | 48 } |
| 48 | 49 |
| 49 #list-wrapper { | 50 #list-wrapper { |
| 50 display: flex; | 51 display: flex; |
| 51 flex-direction: column; | 52 flex-direction: column; |
| 52 justify-content: space-between; | 53 justify-content: space-between; |
| 53 align-items: flex-start; | 54 align-items: flex-start; |
| 54 align-content: stretch; | 55 align-content: stretch; |
| 55 height: 100%; | |
| 56 } | 56 } |
| 57 | 57 |
| 58 #player-list-wrapper, | 58 #player-list-wrapper, |
| 59 #audio-stream-list-wrapper { | 59 #audio-stream-list-wrapper { |
| 60 flex-grow: 1; | 60 flex-grow: 1; |
| 61 align-self: stretch; | 61 align-self: stretch; |
| 62 min-width: 200px; | 62 min-width: 200px; |
| 63 max-width: 200px; | 63 max-width: 200px; |
| 64 overflow: auto; | 64 overflow: auto; |
| 65 } | 65 } |
| (...skipping 16 matching lines...) Expand all Loading... |
| 82 #log-wrapper { | 82 #log-wrapper { |
| 83 display:block; | 83 display:block; |
| 84 flex-grow: 0.5; | 84 flex-grow: 0.5; |
| 85 align-self: stretch; | 85 align-self: stretch; |
| 86 overflow: auto; | 86 overflow: auto; |
| 87 } | 87 } |
| 88 | 88 |
| 89 #log-wrapper > thead { | 89 #log-wrapper > thead { |
| 90 position: fixed; | 90 position: fixed; |
| 91 } | 91 } |
| 92 |
| 93 #graphs li { |
| 94 list-style-type: none; |
| 95 } |
| OLD | NEW |