Chat styling

chat/package.json

@@ -1,6 +1,6 @@
 {
   "name": "chat",
-  "version": "0.0.15",
+  "version": "0.0.16",
   "main": "./src/index.tsx",
   "license": "MIT",
   "dependencies": {

chat/src/App.css

@@ -49,7 +49,7 @@ body {
 .App-content {
   position: relative;
   flex: 3;
-  height: 60vh;
+  height: 70vh;
   max-height: 1000px;
   overflow: auto;
   -ms-overflow-style: none;
@@ -115,7 +115,3 @@ lite-youtube {
 .btn-secondary {
   border: none !important;
 }
-
-p {
-  margin: 0;
-}

chat/src/features/chat/ChatMessage.css

@@ -8,9 +8,10 @@
 }
 
 .ChatMessage {
-  padding-right: 3rem;
   position: relative;
   animation: fading-in 0.3s ease-in-out forwards;
+  padding: 1rem;
+  padding-right: 3rem;
 }
 
 .ChatMessage-top {
@@ -31,7 +32,7 @@
 
 .ChatMessage-content {
   margin-right: 0.5rem;
-  word-break: break-all;
+  word-wrap: break-word;
   display: inline-block;
 }