/* Control Panel tweaks for info.
   ------------------------------------------------------------------
   Article listing, first column ("Myndir").

   The image field holds MULTIPLE assets and Statamic's index component renders one <a>
   per asset inside .assets-index-field — a 19-image article rendered 19 overlapping
   thumbnails. Show the first FIVE at a small size, in a fixed-width cell so every row's
   Title starts at the same x, and give the rows enough height to breathe.

   nth-of-type (not nth-child) is deliberate: the anchors are not necessarily the
   container's first child nodes, so nth-child counts the wrong elements. */

table td .assets-index-field {
    width: 128px;
    gap: 2px;
    align-items: center;
}

table td .assets-index-field > a:nth-of-type(n + 6) {
    display: none;
}

/* Statamic wraps each thumbnail in an h-8 (-my-1) div */
table td .assets-index-field > a > div {
    height: 24px;
    width: 24px;
    margin-top: 0;
    margin-bottom: 0;
    flex: 0 0 auto;
}

table td img.asset-thumbnail {
    max-height: 24px !important;
    height: 24px;
    width: 24px;
    object-fit: cover;
}

/* room for the thumbnails */
table tbody td {
    height: 52px;
}