moodle/report/eventlist/styles.css

.report-eventlist-name {
    color: #888;
    font-size: 0.75em;
}

.report-eventlist-datatable-table > div > table {
    width: 100%;
}

#page-admin-report-eventlist-index dt {
    float: left;
    clear: left;
    text-align: right;
    padding-right: 1em;
    width: 20em;

}

#page-admin-report-eventlist-index dd {
    display: block;
    float: left;
    text-align: left;
    margin-left: 0;
}

#page-admin-report-eventlist-index dd + dd {
    clear: left;
    margin-left: 21em;
}

@media (max-width : 767px) {
    #page-admin-report-eventlist-index dt {
        width: 100%;
        text-align: left;
    }

    #page-admin-report-eventlist-index dd {
        margin-left: 0;
    }

    #page-admin-report-eventlist-index dd + dd {
        margin-left: 0;
    }
}

#page-admin-report-eventlist-index.dir-rtl dt {
    float: right;
    clear: right;
    text-align: left;
    padding-left: 1em;
    width: 20em;
}

#page-admin-report-eventlist-index.dir-rtl dd {
    display: block;
    float: right;
    text-align: right;
    margin-right: 0;
}

#page-admin-report-eventlist-index.dir-rtl dd + dd {
    clear: right;
    margin-right: 22em;
}

@media (max-width : 767px) {
    #page-admin-report-eventlist-index.dir-rtl dt {
        width: 100%;
        text-align: right;
    }

    #page-admin-report-eventlist-index.dir-rtl dd {
        margin-right: 1em;
    }

    #page-admin-report-eventlist-index.dir-rtl dd + dd {
        margin-right: 1em;
    }
}