styles.css

/* Prevent word breaking in the grading table */
.dttSubmissionSummary {
    white-space: nowrap;
}

.dttSubmissionSummary,
.dttSubmissionDetails {
    margin-top: 15px;
}

/* empty div between summary and detail table */
.dttSpacer {
    margin-top: 30px;
}

/****************************************************************
* Layout for the Detail view
****************************************************************/

.dttTable {
    display: inline-block;
    max-width: 100%;
    overflow: auto;
    background: white !important;
    border-radius: .1rem;
    box-shadow: 0 .2rem .5rem rgba(0,0,0,.05),0 0 .05rem rgba(0,0,0,.1);
    overflow-x: hidden;
}

.dttTableHeaderRow {
    font-weight: bold;
    color: white !important;
    background-color: gray !important;
}

.dttTableRow {
    background-color: unset !important;
    border-top: .05rem solid lightgray;
}

.dttTableHeaderRow th,
.dttTableRow td {
    padding: .9375em 1.25em;
}

.dttStacktraceDetails {
    max-height: 300px;
    max-width: 70%;
    overflow: auto;
}

.dttResultUnknown {
    border-left: 10px solid gray;
}

.dttResultSuccess {
    border-left: 10px solid green;
}

.dttResultFailure {
    border-left: 10px solid orange;
}

.dttResultCompilationError {
    border-left: 10px solid red;
}

.dttTableRow:hover {
    background-color: lightgray !important;
}

.dttTableSpacer {
    border-bottom: 2px solid darkgray;
}