From ca087d6b268b9acfd3e4430a8088d574623ea2af Mon Sep 17 00:00:00 2001 From: Steffen van Bergerem Date: Sat, 14 Mar 2015 18:16:21 +0100 Subject: [PATCH] Conversations: Add rounded corners to participants count and improve readability --- app/assets/stylesheets/conversations.scss | 17 +++++++++-------- 1 file changed, 9 insertions(+), 8 deletions(-) diff --git a/app/assets/stylesheets/conversations.scss b/app/assets/stylesheets/conversations.scss index 44d005798..c32f6ff77 100644 --- a/app/assets/stylesheets/conversations.scss +++ b/app/assets/stylesheets/conversations.scss @@ -72,18 +72,19 @@ } .participants_count { - opacity: 0.5; &:before { content: '+'; } + background-color: rgba($white, 0.7); + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; float: left; - background-color: #fff; - margin-top: 35px; - margin-left: -50px; - text-align: center; - width: 50px; - height: 15px; - line-height: 15px; font-size: 13px; font-weight: bold; + height: 15px; + line-height: 15px; + margin-left: -50px; + margin-top: 35px; + text-align: center; + width: 50px; } .participants {