From c3c49e49b4b8694a7f199f567589b040d96c3926 Mon Sep 17 00:00:00 2001
From: Asaad Mahmood <asaadmahmoodspin@users.noreply.github.com>
Date: Thu, 14 Apr 2016 18:24:58 +0500
Subject: Minor Ui Improvements (#2713)

---
 webapp/sass/layout/_post.scss | 42 ++++++++++++++++++++++++++----------------
 1 file changed, 26 insertions(+), 16 deletions(-)

(limited to 'webapp/sass/layout')

diff --git a/webapp/sass/layout/_post.scss b/webapp/sass/layout/_post.scss
index 445ab9511..85447e534 100644
--- a/webapp/sass/layout/_post.scss
+++ b/webapp/sass/layout/_post.scss
@@ -170,25 +170,35 @@ body.ios {
     }
 }
 
-.post-list__new-messages-below{
-	background-color: #9fa5ad;
-	border-radius: 1em;
-	bottom: 0;
-	color: white;
-	cursor: pointer;
-	display: inline-block;
-	left: 50%;
-	padding: .25em .75em;
-	position: absolute;
-	transform: translateX(-50%);
-	transition: bottom .5s cubic-bezier(0.86, 0, 0.07, 1);
-	&[hidden]{
-		bottom: -30px;
-	}
+.post-list__new-messages-below {
+    @include single-transition(bottom .5s cubic-bezier(86, 0, 07, 1));
+    @include opacity(.9);
+    background-color: $black;
+    border-radius: 1em;
+    bottom: 10px;
+    color: $white;
+    cursor: pointer;
+    display: inline-block;
+    left: 50%;
+    padding: .3em .75em;
+    position: absolute;
+    transform: translateX(-50%);
+
+    &[hidden] {
+        bottom: -30px;
+    }
+
+    .fa {
+        font-size: 17px;
+        font-weight: bold;
+        margin-right: 1px;
+        position: relative;
+        top: 1px;
+    }
 }
 
 .file-overlay {
-    color: #ffffff;
+    color: $white;
     font-size: em(20px);
     font-weight: 600;
     height: 100%;
-- 
cgit v1.2.3-1-g7c22