@media (max-width: 1200px) {

.entries-list {
  width   : 100%;
  padding : 4px;
}

}

@media (min-width: 1200px) {

.entries-list {
  width: 75%;
}

}

.entries-list {

box-sizing  : border-box;
margin-left : auto;
margin-right: auto;
text-align  : center;

} .entries-list div:after {

content : "";
display : table;

}

.entries-list .entry {

position      : relative;
box-sizing    : border-box;
border        : 1px solid #ddd;
border-radius : 4px;
margin-bottom : 8px;
text-align    : left;
font-size     : 0;
cursor        : pointer;

} .entries-list .entry * {

font-size: 16px;

}

.entries-list .title-and-message {

font-size   : 16px;

}

.entries-list .title {

font-weight : bold;
padding     : 8px;
text-align: left;

} @media (min-width: 768px) {

.entries-list .title {
  display: inline-block;
}

}

.entries-list .message {

padding   : 8px;
text-align: left;

} @media (min-width: 768px) {

.entries-list .message {
  display: inline-block;
}

}

.entries-list .timestamp {

font-size : 16px;
font-style: italic;
text-align: left;
padding   : 8px;

} @media (min-width: 768px) {

.entries-list .timestamp {
  text-align: right;
}

}

.entries-list .details {

font-size : 12px;
padding   : 0 8px 0px;
text-align: left;

}

.entries-list .details pre {

font-size       : 12px;
background-color: #ddd;
border-radius   : 4px;
padding         : 4px;
margin          : 0 0 4px;

}

.entries-list button.button-small {

font-size: 12px;

}

.entries-list .details-toggle-note {

display       : block;
text-align    : right;
margin        : 0 0 4px;
color         : #999;

}