/* A club night's results, on top of the table in site.css. Phone-first: the
   board under each name, the night picker the width of the page. */

#app > .note { margin: 0 0 14px; }
.night-pick {
  display: block; width: 100%; margin: 0 0 12px;
  font: inherit; font-size: 16px;
  padding: 9px 12px;
  border: 1px solid var(--paper-edge);
  border-radius: var(--radius);
  background: var(--paper-2);
  color: var(--ink);
}
.results td { vertical-align: middle; }
.results .board { display: block; line-height: 1.3; }
.results th:first-child, .results td:first-child { padding-left: 0; }
.results th:last-child, .results td:last-child { padding-right: 0; }

@media (max-width: 420px) {
  .results th, .results td { padding-left: 6px; padding-right: 6px; }
  .results .rank { width: 2em; }
}