Fix buffer and buffer list padding

This commit is contained in:
Simon Ser 2020-06-25 14:26:33 +02:00
parent f8c4d1746c
commit 78002c22ee
No known key found for this signature in database
GPG key ID: 0FDE7BE0E88F5E48
2 changed files with 13 additions and 8 deletions

View file

@ -87,5 +87,11 @@ export default function Buffer(props) {
return null;
}
return props.buffer.messages.map((msg) => html`<${LogLine} message=${msg}/>`);
return html`
<div class="logline-list">
${props.buffer.messages.map((msg) => html`
<${LogLine} message=${msg}/>
`)}
</div>
`;
}

View file

@ -28,18 +28,15 @@ body {
margin: 0;
padding: 0;
}
#sidebar li {
padding: 2px 10px;
}
#sidebar li.active {
background-color: #4a4a4a;
}
#sidebar li a {
display: inline-block;
width: 100%;
padding: 2px 10px;
box-sizing: border-box;
}
#sidebar li.active a {
color: white;
background-color: #4a4a4a;
}
#sidebar li.unread-message a {
color: #b37400;
@ -100,10 +97,12 @@ details summary {
#buffer {
box-sizing: border-box;
padding: 10px;
color: #4a4a4a;
word-wrap: break-word;
}
#buffer .logline-list {
padding: 10px;
}
#buffer .talk {
color: black;
}