diff --git a/assets/css/styles.css b/assets/css/styles.css index e65b714..84d3ad9 100644 --- a/assets/css/styles.css +++ b/assets/css/styles.css @@ -31,12 +31,13 @@ main { margin: 0 auto; overflow-x: hidden; position: relative; + border-radius: 10px; } .messages-wrapper { position: relative; } .message { - margin: 0 15px 10px; + margin: 10px; padding: 15px 20px; position: relative; } @@ -44,13 +45,13 @@ main { border-radius: 20px 0px 20px 20px; background-color: #2095fe; color: #fff; - margin-left: 160px; + margin-left: 20%; } .message.from { border-radius: 20px 20px 20px 0px; background-color: #e5e4e9; color: #363636; - margin-right: 160px; + margin-right: 20%; } .message.to + .message.to, .message.from + .message.from {