.system-locations {
  width: 100%;
  display: table;
  border-collapse: collapse;

  .pilot {
    display: table-row;
    border-width: 1px 0;
    border-style: solid;
    border-color: transparent;

    .portrait, .pilot-name, .ship-name, .ship-type {
      display: table-cell;
      vertical-align: middle;
      line-height: 0;
    }

    &:first-child {
      font-weight: 700;
      border-bottom-color: var(--base0);
    }
  }

  .portrait {
    width: 2rem;

    img { width: 100%; }
  }

  .pilot-name, .ship-name, .ship-type {
    padding: 0.25rem;
    text-align: center;
  }
}