/* Small additions on top of the original stylesheet. The old site got these
   from inline styles or from react-bootstrap components we are not using. */

/* The search dropdown sits directly under the navbar input. */
.search-results {
  top: 100%;
}

/* Bootstrap's .dropdown is a block, so inside the right-aligned graph controls
   it stretches the full row and the absolutely positioned menu lands at the far
   left of the page. Shrink it to the button it wraps. */
.wgl-graph-controls .dropdown {
  display: inline-block;
}

/* Sortable headers. */
.wgl-allitemstable thead th .svg-inline--fa {
  margin-left: 0.4em;
}

/* Bootstrap renders the pagination toolbar as a flex row. */
.pagination {
  align-items: center;
  flex-wrap: wrap;
}

.pagination .input-group {
  width: auto;
}

/* Item name cells on the home page tables. */
.wgl-item-name img {
  margin-right: 0.25em;
  max-height: 25px;
  vertical-align: middle;
}

.wgl-top10table td img {
  max-height: 25px;
}

.wgl-allitemstable td img {
  max-height: 30px;
}

.wgl-item-details-box-col h5 img,
.wgl-top10table thead td img {
  vertical-align: middle;
}

/* The favourites page file input is driven by the Import button. */
#wgl-fav-import {
  display: none;
}