@import '../common-classes.scss';

.sourceList {
  padding: unset;
  list-style: none;

  li.source {
    margin: 2em 0;

    .infoAndButtons {
      display: flex;
      align-content: space-between;
    }

    .info {
      flex-grow: 1;
    }
    .buttons {
      flex-shrink: 0;
      display: flex;
      flex-direction: column;
    }
  }

  details.showAnnotations {
    & > summary {
      cursor: pointer;
    }
    margin-top: 1em;
    margin-bottom: 4em;
  }

  .title {
  }

  .url {
    max-width: 20em;
    overflow-x: hidden;
    text-overflow: ellipsis;
    font-size: smaller;
  }

  .sourceType {
    margin-top: 1em;
    font-size: smaller;
  }

  .lastUpdate {
    font-size: smaller;
    margin-top: 1em;
    font-style: italic;
  }
}