/**
 * @file
 * Visual styles for pager.
 */

.pager__items {
  clear: both;
  text-align: center;
}
.pager__item {
  display: inline;
  padding: 0.5em;
}
.pager__item.is-active {
  font-weight: bold;
}

/*
 * The rows-per-page control in the listing footer.
 *
 * Form API wraps it in a `.form-item`, and this theme's core-parity
 * form.css gives every one of those 1em above and below - written for form
 * items stacked down a page, and wrong for a control sitting on a toolbar.
 * Those two margins are what set the height of the whole bar: the design's
 * `_Table Footer` is 84px around a 44px control with 20px of card padding,
 * and the extra 32px made it 112, which pushed the pagination beside it off
 * the vertical centre the design draws it on. The DKGS-205 UX review
 * recorded it as the pagination's "missing padding top bottom" - the
 * padding was there, the control next to it was two sizes too tall.
 *
 * Scoped to the pager bar, so every other form item on the site keeps the
 * spacing core's stylesheet gives it. Two class selectors beat form.css's
 * one whatever order the two files load in.
 */
.dkg-pager-bar__size .form-item {
  margin-top: 0;
  margin-bottom: 0;
}