style: add minimal border to table

This commit is contained in:
Paul Gauthier (aider) 2024-09-27 11:31:26 -07:00
parent da3e0f6ec8
commit 57b832fed1

View file

@ -31,9 +31,11 @@ top coding models, as compared to their previous "solo" scores (striped bars).
overflow-x: auto; overflow-x: auto;
} }
.responsive-table { .responsive-table {
border-collapse: collapse; border-collapse: separate;
border-spacing: 0;
width: 100%; width: 100%;
font-size: 16px; font-size: 16px;
border: 1px solid #ddd;
} }
.responsive-table th, .responsive-table td { .responsive-table th, .responsive-table td {
padding: 8px; padding: 8px;
@ -44,6 +46,14 @@ top coding models, as compared to their previous "solo" scores (striped bars).
.responsive-table th { .responsive-table th {
background-color: #e2e2e2; background-color: #e2e2e2;
} }
.responsive-table th:first-child,
.responsive-table td:first-child {
border-left: 1px solid #ddd;
}
.responsive-table th:last-child,
.responsive-table td:last-child {
border-right: 1px solid #ddd;
}
@media screen and (max-width: 600px) { @media screen and (max-width: 600px) {
.responsive-table { .responsive-table {