Template:Data Table/Styles.css

/* */

.data-table__cell { text-align: center; } .data-table__cell--amounts { white-space: nowrap; text-align: left; } .data-table__cell--description { text-align: left; } .data-table__cell--image { font-weight: bold; }

/* Mobile */ .data-table__list { display: flex; flex-direction: column; gap: 1rem; } .data-table__list-item { display: grid; grid-template-columns: auto 1fr; row-gap: 0.25rem;

border: 1px solid #426787; border-radius: 0.5rem; padding: 0.5rem } .data-table__list-item .data-table__cell { text-align: left; } .data-table__header { display: flex; align-items: center; justify-content: center; background-color: #336089; border-radius: 0.5rem; font-weight: bold; padding: 0.25rem; } .data-table__cell { align-self: center; padding: 0.25rem 0.5rem; } .data-table__image-term { display: table; text-align: center; } .data-table__row-divider { grid-column: 1/-1; border-bottom: 1px solid #426787; margin: 0 -0.5rem; }