/* Copyright (c) 2013 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file. */

.other-devices {
  width: 718px;  /* Same as history section max-width */
}

.device-row:not(:first-of-type) {
  margin-top: 20px;
}

.device {
  -webkit-margin-end: 10px;
  display: inline-block;
  vertical-align: top;
  width: 229px;
}

.device h3 {
  align-items: center;
  display: flex;
  line-height: 2em;
  margin-bottom: 0;
  margin-top: 8px;
}

.device-timestamp {
  color: rgb(151, 156, 160);
  font-size: 12px;
  line-height: 1.2em;
}

.device-name,
.device-timestamp {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.device-contents {
  margin: 0;
  padding: 0;
}

.device-tab-entry {
  -webkit-margin-end: 8px;
  -webkit-margin-start: 0;
  -webkit-padding-end: 0;
  -webkit-padding-start: 20px;
  background: no-repeat 0 50%;
  background-color: transparent !important;
  background-size: 16px 16px;
  box-sizing: border-box;
  display: block;
  line-height: 1.5em;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
  max-width: 450px;
  outline: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.device-tab-entry:not(:hover),
.device-tab-entry:not(:focus) {
  text-decoration: none;
}

.device-tab-entry:hover,
.device-tab-entry:focus {
  text-decoration: underline;
}

.device-tab-entry:active,
.device-tab-entry:visited,
.device-tab-entry:link {
  color: rgb(48, 57, 66);
}

.device-show-more-tabs {
  color: rgb(151, 156, 160);
  padding: 0;
}

.other-devices-bottom {
  clear: both;
}