@use "../base";

.LabeledList {
  display: table;
  // IE8: Does not support calc
  width: 100%;
  // Compensate for negative margin
  width: calc(100% + 1em);
  border-collapse: collapse;
  border-spacing: 0;
  margin: -0.25em -0.5em;
  margin-bottom: 0;
  padding: 0;
}

.LabeledList__row {
  display: table-row;
}

.LabeledList__row:last-child .LabeledList__cell {
  padding-bottom: 0;
}

.LabeledList__cell {
  display: table-cell;
  margin: 0;
  padding: 0.25em 0.5em;
  border: 0;
  text-align: left;
}

.LabeledList__label--nowrap {
  width: 1%;
  white-space: nowrap;
  min-width: 5em;
}

.LabeledList__buttons {
  width: 0.1%;
  white-space: nowrap;
  text-align: right;
  padding-top: base.em(1px);
  padding-bottom: 0;
}