| OLD | NEW |
| 1 /* Copyright (c) 2013 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 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 .other-devices { | 5 .other-devices { |
| 6 width: 718px; /* Same as history section max-width */ | 6 width: 718px; /* Same as history section max-width */ |
| 7 } | 7 } |
| 8 | 8 |
| 9 .device-row:not(:first-of-type) { | 9 .device-row:not(:first-of-type) { |
| 10 margin-top: 20px; | 10 margin-top: 20px; |
| 11 } | 11 } |
| 12 | 12 |
| 13 .device { | 13 .device { |
| 14 -webkit-margin-end: 10px; | 14 -webkit-margin-end: 10px; |
| 15 display: inline-block; | 15 display: inline-block; |
| 16 vertical-align: top; | 16 vertical-align: top; |
| 17 width: 229px; | 17 width: 229px; |
| 18 } | 18 } |
| 19 | 19 |
| 20 .device h3 { | 20 .device h3 { |
| 21 align-items: center; | 21 align-items: center; |
| 22 display: flex; | 22 display: flex; |
| 23 line-height: 2em; | 23 line-height: 2em; |
| 24 margin-bottom: 0; | 24 margin-bottom: 0; |
| 25 margin-top: 8px; | 25 margin-top: 8px; |
| 26 } | 26 } |
| 27 | 27 |
| 28 .device-name { | |
| 29 flex: 1; | |
| 30 } | |
| 31 | |
| 32 .device button { | |
| 33 flex: none; | |
| 34 } | |
| 35 | |
| 36 .device-timestamp { | 28 .device-timestamp { |
| 37 color: rgb(151, 156, 160); | 29 color: rgb(151, 156, 160); |
| 38 font-size: 12px; | 30 font-size: 12px; |
| 39 line-height: 1.2em; | 31 line-height: 1.2em; |
| 40 } | 32 } |
| 41 | 33 |
| 42 .device-name, | 34 .device-name, |
| 43 .device-timestamp { | 35 .device-timestamp { |
| 44 overflow: hidden; | 36 overflow: hidden; |
| 45 text-overflow: ellipsis; | 37 text-overflow: ellipsis; |
| (...skipping 39 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 85 .device-show-more-tabs, | 77 .device-show-more-tabs, |
| 86 .device-show-more-tabs:active, | 78 .device-show-more-tabs:active, |
| 87 .device-show-more-tabs:visited, | 79 .device-show-more-tabs:visited, |
| 88 .device-show-more-tabs:link { | 80 .device-show-more-tabs:link { |
| 89 color: rgb(151, 156, 160); | 81 color: rgb(151, 156, 160); |
| 90 } | 82 } |
| 91 | 83 |
| 92 .other-devices-bottom { | 84 .other-devices-bottom { |
| 93 clear: both; | 85 clear: both; |
| 94 } | 86 } |
| OLD | NEW |