styles.css

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

.dtaSubmissionSummary,
.dtaSubmissionDetails {
    margin-top: 15px;
}

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

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

.dtaTable {
    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;
}

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

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

.dtaTableHeaderRow th,
.dtaTableRow td {
    padding: .9375em 1.25em;
}

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

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

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

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

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

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

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