death-notifier/src/main/css/main.css

:root {
    /* Color taken from https://fandom.com */
    --fandom-redlink: #ba0000;
}


/* General definitions */
a.red-link {
    color: var(--fandom-redlink);
}


/* Messages */
#global-message,
#shared-status-card {
    margin-bottom: 0;
}


/* Welcome */
#welcome-part {
    align-items: start;
}


/* Trackings table */
.placeholder {
    font-style: italic;
}

#filter-trackings-query {
    width: unset;
}

#trackings-wrapper {
    max-height: 54rem;
    /*noinspection CssUnresolvedCustomProperty*/
    margin-bottom: var(--typography-spacing-vertical);

    border-bottom: .1rem solid #e1e1e1;
    overflow-y: scroll;

    /* Shows scrolling shadows. Adapted from https://css-tricks.com/books/greatest-css-tricks/scroll-shadows/ */
    /*noinspection CssUnresolvedCustomProperty*/
    background: linear-gradient(white 30%, rgba(255, 255, 255, 0)) no-repeat local center calc(var(--spacing) + 1.6em),
    linear-gradient(rgba(255, 255, 255, 0), white 70%) no-repeat local center bottom,
    radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) no-repeat scroll center calc(var(--spacing) + 1.6em),
    radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) no-repeat scroll center bottom;
    background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
}

#trackings {
    margin-bottom: 0;
}

#trackings thead {
    position: sticky;
    top: 0;
    background: white;
}

#trackings td {
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
}

#trackings form,
#trackings button {
    margin-bottom: unset;
}