From 2748ddc458487400644e95da83909bc06f1f3ac5 Mon Sep 17 00:00:00 2001 From: Anson Biggs Date: Fri, 21 May 2021 20:41:48 -0700 Subject: [PATCH] made message boxes prettier --- assets/css/styles.css | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) 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 {