From 7874614be3fc24f31c42f849ec4170279ac4c960 Mon Sep 17 00:00:00 2001
From: rr- <rr-@sakuya.pl>
Date: Tue, 12 Apr 2016 18:25:52 +0200
Subject: [PATCH] client/messages: fix batch messages appearance

---
 client/css/main.css     | 1 +
 client/js/util/views.js | 5 ++++-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/client/css/main.css b/client/css/main.css
index 3f584aaf..5efa979c 100644
--- a/client/css/main.css
+++ b/client/css/main.css
@@ -157,6 +157,7 @@ nav.text-nav ul li.active a {
     max-width: 100%;
 }
 .messages .message {
+    margin: 0.25em 0;
     display: inline-block;
     text-align: left;
     padding: 0.5em 1em;
diff --git a/client/js/util/views.js b/client/js/util/views.js
index df31f69c..786cb47a 100644
--- a/client/js/util/views.js
+++ b/client/js/util/views.js
@@ -19,7 +19,10 @@ function _messageHandler(target, message, className) {
     node.innerHTML = message.replace(/\n/g, '<br/>');
     node.classList.add('message');
     node.classList.add(className);
-    messagesHolder.appendChild(node);
+    const wrapper = document.createElement('div');
+    wrapper.classList.add('message-wrapper');
+    wrapper.appendChild(node);
+    messagesHolder.appendChild(wrapper);
 }
 
 function _serializeElement(name, attributes) {