search

zorchenhimer / MovieNight

Single instance video streaming server with integrated chat.
https://discord.gg/F2VSgjJ
MIT License
691 stars 87 forks source link

Add padding for chat box #11

Closed joeyak closed 5 years ago

joeyak commented 5 years ago

During the first run of this server, I had trouble reading the text because the words were so close together. Adding a padding or margin around the words would work. We could do it like twitch does

.chat-line__message, .chat-line__moderation, .chat-line__status {
    padding: .5rem 2rem;
    word-wrap: break-word;
}
joeyak commented 5 years ago

Maybe flexbox to do the chat https://www.w3schools.com/csS/css3_flexbox.asp https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Or maybe use css grid like https://github.com/zorchenhimer/MovieNight/issues/23