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}