Awards grid: auto column widths like Wikipedia (~content-sized)
Ribbon rack: flush abutting ribbons like Wikipedia
Line 210: Line 210:
}
}


/* Flush ribbon rack like Wikipedia (no cell padding / row gaps) */
.soldier-awards-section .soldier-ribbon-rack,
.soldier-awards-section .soldier-ribbon-rack,
table.soldier-ribbon-rack {
table.soldier-ribbon-rack {
margin: 1em auto 0.35em auto;
margin: 0 auto;
border-collapse: collapse;
border-collapse: collapse;
border-spacing: 0;
background: transparent;
background: transparent;
border: none;
border: none;
width: max-content;
width: max-content;
max-width: 100%;
max-width: 100%;
line-height: 0;
}
.soldier-awards-section > table.soldier-ribbon-rack:first-of-type {
margin-top: 0.75em;
}
}


Line 225: Line 232:
border: none !important;
border: none !important;
background: transparent !important;
background: transparent !important;
padding: 4px 6px !important;
padding: 0 !important;
text-align: center;
text-align: center;
vertical-align: middle;
vertical-align: middle;
line-height: 0;
}
}


table.soldier-ribbon-rack img {
table.soldier-ribbon-rack img,
table.soldier-ribbon-rack .mw-file-element {
display: block;
max-width: 106px;
max-width: 106px;
height: auto;
height: auto;
vertical-align: middle;
vertical-align: top;
}
}