@import "./common.less";

list .listItem {
  cursor: default;
  overflow: hidden;
  white-space: nowrap;

  padding: 8px 12px;
  -webkit-user-select: none;
  &:hover {
    background-color: @lightGray;
  }
  &.selected {
    background-color: lighten(@gray, 20%);
  }
  .aboutListItem {
    display: flex;
  }
}

.aboutItemSeparator {
  color: #aaa;
  padding: 0 4px;
}

.aboutItemTitle {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.aboutItemLocation {
  color: #aaa;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}