1 files changed, 57 insertions, 7 deletions

diff --git a/web/sass-files/sass/partials/_post.scss b/web/sass-files/sass/partials/_post.scss
index ff430ba8a..937b08084 100644
--- a/web/sass-files/sass/partials/_post.scss
+++ b/web/sass-files/sass/partials/_post.scss
@@ -211,6 +211,10 @@ body.ios {
 	overflow-y: hidden;
 	height: 100%;
 
+	.inactive {
+		display: none;
+	}
+
 	.post-list-holder-by-time {
 		background: #fff;
 		overflow-y: scroll;
@@ -222,21 +226,18 @@ body.ios {
 		&::-webkit-scrollbar {
 			width: 0px !important;
 		}
-		&.inactive {
-			display: none;
-		}
 		&.active {
 			display: inline;
 		}
 	}
 
 	.more-messages-text {
-		margin-top: 2px;
-		margin-bottom: 5px;
+		margin: 5px 0 10px;
 		display: block;
 		text-align: center;
 		outline: none;
 		border: none;
+		font-size: 13px;
 	}
 	.beginning-messages-text {
 		margin-top: 2px;
@@ -247,6 +248,50 @@ body.ios {
 	}
 }
 
+.post-list__timestamp {
+	position: absolute;
+	top: 8px;
+	left: 50%;
+	z-index: 50;
+	width: 120px;
+	text-align: center;
+	background: $primary-color;
+	color: #fff;
+	@include border-radius(3px);
+	font-size: 12px;
+	line-height: 25px;
+	margin-left: -60px;
+	-webkit-font-smoothing: initial;
+	@include single-transition(all, 0.3s, 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;
+	position: absolute;
+	bottom: 50px;
+	right: 5px;
+	z-index: 50;
+	@include opacity(0);
+	@include single-transition(all, 0.3s);
+
+	&.scrolling {
+		@include opacity(1);
+	}
+}
+
 .post-create__container {
 	form {
 		width: 100%;
@@ -379,7 +424,7 @@ body.ios {
 
 
 	p {
-		margin: 0 0 1em;
+		margin: 0;
 		line-height: 1.6em;
 		font-size: 0.97em;
 		white-space: pre-wrap;
@@ -631,9 +676,14 @@ body.ios {
 		}
 
 		ul {
+		    margin-bottom: 0.6em;
 			padding: 5px 0 0 20px;
 		}
 
+		ul + p {
+			margin-top: 1em;
+		}
+
 		ul, ol {
 			p {
 				margin-bottom: 0;
@@ -683,7 +733,7 @@ body.ios {
 	}
 
 	.post__time {
-		font-size: 13px;
+		font-size: 0.9em;
 	}
 
 	.post__time, &.post--system .post__body {