diff --git a/chat/package.json b/chat/package.json index 1f9db7ddfe..219c74b4b4 100644 --- a/chat/package.json +++ b/chat/package.json @@ -1,6 +1,6 @@ { "name": "chat", - "version": "0.0.15", + "version": "0.0.16", "main": "./src/index.tsx", "license": "MIT", "dependencies": { diff --git a/chat/src/App.css b/chat/src/App.css index a54664b68b..c9a839beff 100644 --- a/chat/src/App.css +++ b/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; -} \ No newline at end of file diff --git a/chat/src/features/chat/ChatMessage.css b/chat/src/features/chat/ChatMessage.css index 66c71830c0..e09194f4ff 100644 --- a/chat/src/features/chat/ChatMessage.css +++ b/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; }