diff --git a/public_html/css/container.css b/public_html/css/container.css index 66f9fca..8ff2dda 100644 --- a/public_html/css/container.css +++ b/public_html/css/container.css @@ -14,7 +14,7 @@ left: 0; height: auto; - margin: 1em; + margin: 1.5em; padding: 1em; align-self: flex-start; @@ -27,7 +27,7 @@ } #CONTAINER.message div.me{ /* Message Item (self) */ - background: #13d89d; + /* background: #13d89d; */ align-self: flex-end; } @@ -37,25 +37,14 @@ } #CONTAINER.message div span.author{ /* Message author */ - display: inline-block; - position: relative; - - padding: .2em .4em; - margin-right: 1em; - - border: 1px solid #ddd; - - border-radius: 3px; + display: block; + position: absolute; + top: -1.8em; + left: .5em; background: #eee; - color: #666; - } - - #CONTAINER.message div span.author:after{ /* Add 'dit' */ - content: ' dit'; - - color: #333; + color: #888; } #CONTAINER.message div.me span.author{ /* Hide message author if self */