table.history {
    font-size: 80%;
    border-spacing: 0;
}
table.history .addition {
    color: #228022;
}
table.history .addition:before {
    content: '+';
}

table.history .removal {
    color: #e02222;
}
table.history .removal:before {
    content: '-';
}

table.history .user img {
    vertical-align: middle;
}

table.history .time,
table.history .user,
table.history .subject {
    white-space: nowrap;
}
table.history .difference {
    word-break: break-all;
}

table.history td {
    padding: 0.3em 0.5em 0.3em 0.25em;
    word-break: break-word;
    word-wrap: break-word;
    vertical-align: top;
}
table.history tr:nth-child(2n+1) td {
    background: #fafafa;
}

table.history ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: inline;
}
table.history ul:before {
    content: ' (';
}
table.history ul:after {
    content: ')';
}

table.history li {
    display: inline;
}
table.history li:not(:last-of-type):after {
    content: ', ';
}

#history-wrapper {
    text-align: center;
}
#history-wrapper table {
    margin: 0 auto;
    text-align: left;
}
@media all and (min-width: 77em) {
    #history-wrapper table {
        width: 70em;
    }
}
@media all and (max-width: 77em) {
    #history-wrapper table {
        width: 100%;
    }
}
