Fixing preview stuff for the RHS

2 files changed, 15 insertions, 5 deletions

diff --git a/web/sass-files/sass/partials/_post.scss b/web/sass-files/sass/partials/_post.scss
index d5aeaabad..79a97fbf9 100644
--- a/web/sass-files/sass/partials/_post.scss
+++ b/web/sass-files/sass/partials/_post.scss
@@ -339,9 +339,9 @@ body.ios {
 			}
 		}
 		.msg-typing {
-			min-height: 20px;
+			min-height: 25px;
 			line-height: 25px;
-			display: inline-block;
+			display: block;
 			font-size: 13px;
 			@include opacity(0.7);
 		}
diff --git a/web/sass-files/sass/partials/_post_right.scss b/web/sass-files/sass/partials/_post_right.scss
index c1d291073..ba41d3b95 100644
--- a/web/sass-files/sass/partials/_post_right.scss
+++ b/web/sass-files/sass/partials/_post_right.scss
@@ -13,6 +13,7 @@
 		&.post--root {
 			padding: 1em 1em 0;
 			margin: 0 0 1em;
+			width: 100%;
 			hr {
 				border-color: #DDD;
 				margin: 1em 0 0 0;
@@ -21,9 +22,10 @@
 	}
 
 	.post-create__container {
+		width: 100%;
 		margin-top: 10px;
 		.textarea-wrapper {
-			min-height: 120px;
+			min-height: 100px;
 		}
 		.custom-textarea {
 			min-height: 100px;
@@ -31,10 +33,18 @@
 		.msg-typing {
 			@include opacity(0.7);
 			float: left;
-			padding-top: 17px;
+			margin-top: 3px;
+			font-size: 13px;
+			line-height: 20px;
+			min-width: 1px;
+			display: block;
+			height: 20px;
+			max-width: 200px;
+			@include clearfix;
 		}
 		.post-create-footer {
-			padding-top: 10px;
+			width: 100%;
+			padding-top: 5px;
 		}
 		.post-right-comments-upload-in-progress {
 			padding: 6px 0;