From 774fe6e2629da7cb60cc957a3d47707c2141d85e Mon Sep 17 00:00:00 2001
From: data <data@devnull>
Date: Sat, 27 Jul 2019 19:52:55 +0100
Subject: [PATCH] messages flexbox design

---
 src/App.js | 11 ++++-------
 1 file changed, 4 insertions(+), 7 deletions(-)

diff --git a/src/App.js b/src/App.js
index bdfd691..ebb8d60 100644
--- a/src/App.js
+++ b/src/App.js
@@ -458,13 +458,10 @@ class App extends React.Component {
                         m.to === this.state.namespace)
                   )
                   .map(m => (
-                    <div
-                      className="row d-flex justify-content-between"
-                      key={m.id}
-                    >
-                      <div className="col">{m.date}</div>
-                      <div className="col">{m.nick}</div>
-                      <div>{m.text}</div>
+                    <div className="d-flex" key={m.id}>
+                      <div className="p-2 text-nowrap">{m.date}</div>
+                      <div className="p-2">{m.nick}</div>
+                      <div className="p-2 flex-grow-1">{m.text}</div>
                     </div>
                   ))}
               </div>