From 78002c22ee13101552392711d6d94bc651230894 Mon Sep 17 00:00:00 2001
From: Simon Ser <contact@emersion.fr>
Date: Thu, 25 Jun 2020 14:26:33 +0200
Subject: [PATCH] Fix buffer and buffer list padding

---
 components/buffer.js |  8 +++++++-
 style.css            | 13 ++++++-------
 2 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/components/buffer.js b/components/buffer.js
index 15aa03a..52ebd5f 100644
--- a/components/buffer.js
+++ b/components/buffer.js
@@ -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>
+	`;
 }
diff --git a/style.css b/style.css
index f805a39..25c9949 100644
--- a/style.css
+++ b/style.css
@@ -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;
 }