h1 {
    padding: 0;
}

h4 { display: inline-block; }
h5 {
    padding: 0;
    margin: 0;
    display: inline-block;
}

.clickable:hover
{
    opacity: 0.7;
}

.clickable { cursor: pointer; }

li {
    display: flex;
    align-items: baseline;
    margin: 0 -10px;
    width: 100%;
}

li span {
    padding: 0 10px;
}

.nick { flex-grow: 1; }

.idle-ts { float: right; }

.material-icons { position: relative; top: 6px; }

pre {
    white-space: nowrap;
    margin: 0;
}

#fulllog {
    padding-top: 2%;
    overflow-y:scroll;
}

p { margin: 0; padding-bottom: 10px; }
#container {
    max-height: calc(100vh - 60px);
    max-width: 900px;
    width: 90vw;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    padding: 20px;
    font: 15pt 'Open Sans';
}

body
{
    background: #222;
    color: #eee;
}

.id {
    font-family: monospace, "Courier New";
}

#container > a
{
    color: #eee;
}

table {
    border-collapse: separate;
    border-spacing: 0 20px;
}

tr {
    vertical-align: top;
}

.task {
    display: block;
}

.task-users {
    white-space: nowrap;
    text-align: right;
}