style.css

/* spacing */

table {
    table-layout: fixed;
    width: 100%;
    height: 100%;
    border-collapse: collapse;
    font-size: 13px;
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}

thead {
    border-bottom: solid 1px lightgrey;
}

thead th:nth-child(1) {
    max-width: 30%;
}

thead th:nth-child(2) {
    max-width: 15%;
}

thead th:nth-child(3) {
    max-width: 15%;
}

thead th:nth-child(4) {
    max-width: 15%;
}

thead th:nth-child(5) {
    max-width: 15%;
}

thead th:nth-child(6) {
    max-width: 15%;
}

thead th:nth-child(7) {
    max-width: 15%;
}

th {
    padding: 5px;
}

td {
    word-wrap: break-word;
    white-space: normal;
    padding: 5px;
}

/* typography */

html {
    font-family: "helvetica neue", helvetica, arial, sans-serif;
}

thead th,
tfoot th {
    font-family: "helvetica neue", helvetica, arial, sans-serif;
}

tbody td {
    text-align: center;
}

tfoot th {
    text-align: right;
}