1 files changed, 23 insertions, 8 deletions

diff --git a/web/sass-files/sass/partials/_post.scss b/web/sass-files/sass/partials/_post.scss
index a018315e3..323691d89 100644
--- a/web/sass-files/sass/partials/_post.scss
+++ b/web/sass-files/sass/partials/_post.scss
@@ -264,32 +264,37 @@ body.ios {
 	line-height: 25px;
 	margin-left: -60px;
 	-webkit-font-smoothing: initial;
-	@include single-transition(all, 0.3s, ease);
+	@include single-transition(all, 0.6s, ease);
 	@include translateY(-45px);
 	@include opacity(0);
 	display: none;
 
 	&.scrolling {
-		@include single-transition(all, 0.3s, ease);
 		@include translateY(0);
 		@include opacity(0.8);
 	}
 }
 
 .post-list__arrows {
-	background: url('../images/postArrows.png') center;
-	@include background-size(28px 28px);
 	background-repeat: no-repeat;
 	width: 40px;
 	height: 40px;
+	text-align: center;
+	fill: #444;
 	position: absolute;
 	bottom: 0;
-	left: 10px;
+	left: 9px;
 	z-index: 50;
 	@include opacity(0);
-	@include single-transition(all, 0.3s);
+	@include single-transition(all, 0.6s);
 	display: none;
 
+	svg {
+		color: inherit;
+		width: 28px;
+		height: 28px;
+	}
+
 	&.scrolling {
 		display: block;
 		@include opacity(1);
@@ -485,8 +490,9 @@ body.ios {
 				-webkit-font-smoothing: antialiased;
 				-moz-osx-font-smoothing: grayscale;
 				position: absolute;
-				top: -3px;
-				left: -1.0em;
+				top: -2px;
+				left: -7px;
+				font-size: 11px;
 				line-height: 37px;
 				@include opacity(0);
 			}
@@ -570,11 +576,20 @@ body.ios {
 
 		li {
 			display: inline-block;
+			vertical-align: top;
 		}
 
 		.col__name {
 			margin-right: 7px;
 			font-weight: 600;
+
+			.user-popover {
+				max-width: 200px;
+				@include clearfix;
+				text-overflow: ellipsis;
+				white-space: nowrap;
+			}
+
 		}
 
 		.col__reply {