110f88d5669dbd969c059d61ba09fa37dd72ac559Ben Murdoch/* 210f88d5669dbd969c059d61ba09fa37dd72ac559Ben Murdoch * Copyright (c) 2014 The Chromium Authors. All rights reserved. 310f88d5669dbd969c059d61ba09fa37dd72ac559Ben Murdoch * Use of this source code is governed by a BSD-style license that can be 410f88d5669dbd969c059d61ba09fa37dd72ac559Ben Murdoch * found in the LICENSE file. 510f88d5669dbd969c059d61ba09fa37dd72ac559Ben Murdoch */ 610f88d5669dbd969c059d61ba09fa37dd72ac559Ben Murdoch.devices { 710f88d5669dbd969c059d61ba09fa37dd72ac559Ben Murdoch padding: 10px; 810f88d5669dbd969c059d61ba09fa37dd72ac559Ben Murdoch} 910f88d5669dbd969c059d61ba09fa37dd72ac559Ben Murdoch 1010f88d5669dbd969c059d61ba09fa37dd72ac559Ben Murdoch.devices-info { 1110f88d5669dbd969c059d61ba09fa37dd72ac559Ben Murdoch flex: none; 1210f88d5669dbd969c059d61ba09fa37dd72ac559Ben Murdoch padding-bottom: 10px; 1310f88d5669dbd969c059d61ba09fa37dd72ac559Ben Murdoch} 1410f88d5669dbd969c059d61ba09fa37dd72ac559Ben Murdoch 1510f88d5669dbd969c059d61ba09fa37dd72ac559Ben Murdoch.browser { 1610f88d5669dbd969c059d61ba09fa37dd72ac559Ben Murdoch align-items: baseline; 1710f88d5669dbd969c059d61ba09fa37dd72ac559Ben Murdoch display: flex; 1810f88d5669dbd969c059d61ba09fa37dd72ac559Ben Murdoch padding: 1px; 1910f88d5669dbd969c059d61ba09fa37dd72ac559Ben Murdoch} 2010f88d5669dbd969c059d61ba09fa37dd72ac559Ben Murdoch 2110f88d5669dbd969c059d61ba09fa37dd72ac559Ben Murdoch.browser button { 2210f88d5669dbd969c059d61ba09fa37dd72ac559Ben Murdoch white-space: nowrap; 2310f88d5669dbd969c059d61ba09fa37dd72ac559Ben Murdoch flex: none; 2410f88d5669dbd969c059d61ba09fa37dd72ac559Ben Murdoch} 2510f88d5669dbd969c059d61ba09fa37dd72ac559Ben Murdoch 2610f88d5669dbd969c059d61ba09fa37dd72ac559Ben Murdoch.device-header { 2710f88d5669dbd969c059d61ba09fa37dd72ac559Ben Murdoch align-items: baseline; 2810f88d5669dbd969c059d61ba09fa37dd72ac559Ben Murdoch display: flex; 2910f88d5669dbd969c059d61ba09fa37dd72ac559Ben Murdoch flex-flow: row wrap; 3010f88d5669dbd969c059d61ba09fa37dd72ac559Ben Murdoch padding: 2px 0; 3110f88d5669dbd969c059d61ba09fa37dd72ac559Ben Murdoch} 3210f88d5669dbd969c059d61ba09fa37dd72ac559Ben Murdoch 3310f88d5669dbd969c059d61ba09fa37dd72ac559Ben Murdoch.device-name { 3410f88d5669dbd969c059d61ba09fa37dd72ac559Ben Murdoch color: #222; 3510f88d5669dbd969c059d61ba09fa37dd72ac559Ben Murdoch font-size: 120%; 3610f88d5669dbd969c059d61ba09fa37dd72ac559Ben Murdoch font-weight: normal; 3710f88d5669dbd969c059d61ba09fa37dd72ac559Ben Murdoch} 3810f88d5669dbd969c059d61ba09fa37dd72ac559Ben Murdoch 3910f88d5669dbd969c059d61ba09fa37dd72ac559Ben Murdoch.device-serial { 4010f88d5669dbd969c059d61ba09fa37dd72ac559Ben Murdoch color: #888; 4110f88d5669dbd969c059d61ba09fa37dd72ac559Ben Murdoch font-size: 80%; 4210f88d5669dbd969c059d61ba09fa37dd72ac559Ben Murdoch margin-left: 6px; 4310f88d5669dbd969c059d61ba09fa37dd72ac559Ben Murdoch font-weight: normal; 4410f88d5669dbd969c059d61ba09fa37dd72ac559Ben Murdoch} 4510f88d5669dbd969c059d61ba09fa37dd72ac559Ben Murdoch 4610f88d5669dbd969c059d61ba09fa37dd72ac559Ben Murdoch.browser-name { 4710f88d5669dbd969c059d61ba09fa37dd72ac559Ben Murdoch overflow: hidden; 4810f88d5669dbd969c059d61ba09fa37dd72ac559Ben Murdoch padding-left: 20px; 4910f88d5669dbd969c059d61ba09fa37dd72ac559Ben Murdoch padding-right: 10px; 5010f88d5669dbd969c059d61ba09fa37dd72ac559Ben Murdoch flex: 0 1 250px; 5110f88d5669dbd969c059d61ba09fa37dd72ac559Ben Murdoch text-overflow: ellipsis; 5210f88d5669dbd969c059d61ba09fa37dd72ac559Ben Murdoch white-space: nowrap; 5310f88d5669dbd969c059d61ba09fa37dd72ac559Ben Murdoch}