client/src/components/MessageGroup/index.module.css
.container {
width: 100%;
display: flex;
flex-direction: row;
justify-content: center;
align-items: flex-start;
margin: 1rem 0;
}
.content {
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: stretch;
margin-left: 1rem;
max-width: calc(100% - 1rem - 24px);
}
.info {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
margin-bottom: 0.25rem;
}
.name {
font-weight: bold;
margin-right: 0.5rem;
}
.timestamp {
font-style: italic;
font-size: 8px;
}
.message {
margin: 0.25rem 0;
overflow-wrap: break-word;
white-space: pre-wrap;
}