Merge pull request #633 from asaadmahmoodspin/ui-changes

PLT-188 - Moving attachment button to the left on mobile UI

3 files changed, 11 insertions, 3 deletions

diff --git a/web/sass-files/sass/partials/_modal.scss b/web/sass-files/sass/partials/_modal.scss
index 29e05f6bf..b94ed2113 100644
--- a/web/sass-files/sass/partials/_modal.scss
+++ b/web/sass-files/sass/partials/_modal.scss
@@ -82,7 +82,7 @@
 		.btn {
 			&.btn-primary {
 				float: right;
-				margin-top: -4px;
+				margin: -4px 25px 0 0;
 				position: relative;
 				i {
 					margin-right: 5px;
diff --git a/web/sass-files/sass/partials/_post.scss b/web/sass-files/sass/partials/_post.scss
index 5ae9e656d..6940cf2fb 100644
--- a/web/sass-files/sass/partials/_post.scss
+++ b/web/sass-files/sass/partials/_post.scss
@@ -200,7 +200,7 @@ body.ios {
 			height: 37px;
 			font-size: 18px;
 			line-height: 37px;
-			vertical-align: top;
+			vertical-align: bottom;
 			text-align: center;
 			@include single-transition(all, 0.15s);
 			&:active {
diff --git a/web/sass-files/sass/partials/_responsive.scss b/web/sass-files/sass/partials/_responsive.scss
index 24c79e6c2..65619f25a 100644
--- a/web/sass-files/sass/partials/_responsive.scss
+++ b/web/sass-files/sass/partials/_responsive.scss
@@ -423,7 +423,15 @@
             table-layout: fixed;
             .post-body__cell {
                 display: table-cell;
-                padding-left: 1em;
+                padding-left: 45px;
+            }
+            .btn-file {
+                width: 45px;
+                padding: 0;
+                line-height: 36px;
+                bottom: -2px;
+                left: 0;
+                top: auto;
             }
             .send-button {
                 display: table-cell;