| OLD | NEW |
| (Empty) |
| 1 /* Copyright 2015 The Chromium Authors. All rights reserved. | |
| 2 * Use of this source code is governed by a BSD-style license that can be | |
| 3 * found in the LICENSE file. */ | |
| 4 | |
| 5 :host { | |
| 6 display: inline-block; | |
| 7 } | |
| 8 | |
| 9 span { | |
| 10 cursor: pointer; | |
| 11 } | |
| 12 | |
| 13 #divOuter { | |
| 14 border-style: none; | |
| 15 display: flex; | |
| 16 flex-direction: row; | |
| 17 margin: 0; | |
| 18 padding: 4px; | |
| 19 } | |
| 20 | |
| 21 #divOuter[is-list-item]:hover { | |
| 22 background-color: lightgrey; | |
| 23 } | |
| 24 | |
| 25 #divIcon { | |
| 26 display: flex; | |
| 27 flex: 0 0 auto; | |
| 28 flex-direction: column; | |
| 29 justify-content: center; | |
| 30 } | |
| 31 | |
| 32 #icon { | |
| 33 height: 32px; | |
| 34 width: 32px; | |
| 35 } | |
| 36 | |
| 37 #divDetail { | |
| 38 display: flex; | |
| 39 flex: 1 0 auto; | |
| 40 flex-direction: row; | |
| 41 } | |
| 42 | |
| 43 #divText { | |
| 44 display: flex; | |
| 45 flex: 1 0 auto; | |
| 46 flex-direction: column; | |
| 47 justify-content: center; | |
| 48 } | |
| 49 | |
| 50 #networkName { | |
| 51 -webkit-margin-start: 8px; | |
| 52 font-size: 16px; | |
| 53 } | |
| 54 | |
| 55 #networkStateText { | |
| 56 -webkit-margin-start: 8px; | |
| 57 color: grey; | |
| 58 font-size: 14px; | |
| 59 } | |
| 60 | |
| 61 .buttons { | |
| 62 align-items: center; | |
| 63 display: flex; | |
| 64 flex-direction: row; | |
| 65 } | |
| 66 | |
| 67 .buttons paper-icon-button { | |
| 68 text-align: center; | |
| 69 } | |
| 70 | |
| 71 .known paper-icon-button { | |
| 72 width: 60px; | |
| 73 } | |
| 74 | |
| 75 .connected { | |
| 76 font-weight: bold; | |
| 77 } | |
| OLD | NEW |