/* Styling for the RelativeDate component, such as "3 weeks ago" with its exact month on hover. */
.relative-date
{
    /* The tooltip's trigger is a block element, so it is made inline to sit within text. */
    > .tooltip-trigger
    {
        display: inline;
    }
}

/* A date whose count lines up with the counts above and below it: the count right-aligned in room
   for "12.5", then its unit left-aligned in room for the longest short unit, "days ago", so every
   date in the column is as wide and the counts share a right edge. */
.relative-date-count
{
    display: inline-block;
    min-width: 4ch;
    text-align: right;
}

.relative-date-unit
{
    display: inline-block;
    min-width: 8ch;
    margin-left: 0.3ch;
    text-align: left;
}