/*
 * Copyright (c) 2016-present, Parse, LLC
 * All rights reserved.
 *
 * This source code is licensed under the license found in the LICENSE file in
 * the root directory of this source tree.
 */
@import 'stylesheets/globals.scss';

.colName {
  width: 20%;
}

.colSize {
  width: 10%;
}

.colDetails {
  width: 30%;
}

.colCreatedOn {
  width: 20%;
}

.colPushesSent {
  width: 10%;
}

.colAction {
  width: 10%;
}

.shortInfo {
  @include ellipsis();
  margin-right: 5px;
  max-width: 300px;
  float: left;
}

.longInfo {
  overflow: hidden;
  margin: 10px 10px 0 0;

  .platformInfo {
    float: left;
    width: 150px;
    white-space: normal;
  }

  .installationInfo {
    float: left;
    width: 250px;
    white-space: normal;
  }

  .detailsHeaderListItem {
    color: $secondaryTextColor;
  }
}

.moreDetails {
  @include buttonReset;
  color: $blue;
  font-size: 14px;

  &:hover, &:focus {
    text-decoration: underline;
  }

  &.hideMoreDetails {
    display: none;
  }
}

.newPushButton {
  @include buttonReset;
  font-size: 14px;
  display: block;
  margin: -5px 0 -10px 0;

  &:hover, &:focus {
    text-decoration: underline;
  }
}

//NOTE: May be used to global so SVG icons wrapped by <a> can have common styles.
.removeIcon {
  @include buttonReset;
  &:hover, &:focus {
    svg {
      fill: $blue;
    }
  }
}
