Minor Ui Improvements (#2713)

webapp/sass/components/_buttons.scss

@@ -18,6 +18,10 @@
     &.btn-danger {
         color: $white;
 
+        .app__body & {
+            color: $white;
+        }
+
         &:hover,
         &:focus,
         &:active {

webapp/sass/components/_modal.scss

@@ -20,8 +20,8 @@
         overflow: visible;
 
         .custom-textarea {
-            min-height: 8em;
             max-height: 60vh;
+            min-height: 8em;
         }
 
         .suggestion-list__content {

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%;