messages flexbox design

2019-07-27 19:52:55 +01:00 · 2019-07-27 19:52:55 +01:00 · 774fe6e262
commit 774fe6e262
parent 6da52f2770
1 changed files with 4 additions and 7 deletions
--- 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>