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 |