/* Contact list: compact portraits, keep original proportions. */
#contactList img.contact-thumbnail {
    width: 120px;
    max-width: 100%;
    height: auto;
}

/* Contact list: left aligned portraits and borderless striped rows. */
#contactList,
#contactList > thead > tr > th,
#contactList > tbody > tr > th,
#contactList > tbody > tr > td {
    border: 0 !important;
}

#contactList #categorylist_header_title,
#contactList .list-title {
    text-align: left;
}

#contactList .list-title > a {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    max-width: 100%;
}

#contactList img.contact-thumbnail {
    flex-shrink: 0;
    margin: 0;
    padding: 0;
    border: 0 !important;
    box-shadow: none;
    background: transparent;
}

/* Contact list: show contacts without column headings. */
#contactList > thead {
    display: none;
}

/* Contact list: tighter row spacing. */
#contactList {
    border-collapse: collapse;
    border-spacing: 0;
}

#contactList > tbody > tr > th,
#contactList > tbody > tr > td {
    padding: 4px 8px;
    line-height: 1.3;
    vertical-align: middle;
}

#contactList .list-title > a {
    vertical-align: middle;
}

#contactList img.contact-thumbnail {
    display: block;
}