/* The like heart and the rating stars (app/templates/partials/like_button.html,
   rating_stars.html).

   Tabler gives an icon inside a button a lopsided margin — a little negative
   on the left, half the button's padding on the right — to space it from a
   label that follows. These buttons are all icon, or an icon beside a count
   that carries its own ms-1, so that margin only pushed the icon off centre.
   Zeroed here, for these buttons alone: every other button keeps Tabler's.
   `.btn.btn-mark .icon` outranks Tabler's `.btn .icon` on specificity, so the
   order the stylesheets load in does not matter. */
.btn.btn-mark .icon {
    margin: 0;
}

/* The list cards' markers (like_indicator.html, rating_indicator.html) sit in
   the card title beside the name and the numbers. Tabler draws every .icon
   with `vertical-align: bottom`, which hangs it from the bottom of the line box,
   below the text. text-bottom instead: the icon's bottom edge lands on the
   bottom of the text itself — where "g" and "p" end — so it sits level with
   the letters beside it. Tabler's size is kept. */
.like-indicator .icon,
.rating-indicator .icon {
    vertical-align: text-bottom;
}