PLT-7224 - Updating post textbox UI (#7153)

* PLT-7224 - Updating post textbox UI

* Updating post textbox spacing

* Updating emoji icon

2 files changed, 22 insertions, 83 deletions

diff --git a/webapp/sass/responsive/_mobile.scss b/webapp/sass/responsive/_mobile.scss
index ba830000a..fdbf774ee 100644
--- a/webapp/sass/responsive/_mobile.scss
+++ b/webapp/sass/responsive/_mobile.scss
@@ -40,13 +40,30 @@
     }
 
     .post-create__container {
-        padding-bottom: 10px;
+        .post-create-footer {
+            padding: 0 10px;
+        }
+
+        form {
+            padding: 0;
+        }
+
+        .post-create-body {
+            padding: 0;
+
+            textarea {
+                .app-content & {
+                    border-left: none;
+                    border-right: none;
+                }
+            }
+        }
 
         .msg-typing {
             display: none;
         }
 
-        .icon--emoji-picker {
+        .emoji-picker__container {
             display: none;
         }
     }
@@ -821,7 +838,7 @@
     }
 
     .file-preview__container {
-        margin: 5px 0 0;
+        margin: 10px 0 5px;
     }
 
     .file-preview {
@@ -1189,6 +1206,8 @@
             }
 
             .post-create-footer {
+                padding-top: 10px;
+
                 .control-label {
                     margin: .5em 0;
                     top: 0;
diff --git a/webapp/sass/responsive/_tablet.scss b/webapp/sass/responsive/_tablet.scss
index 71b95c997..967d6231d 100644
--- a/webapp/sass/responsive/_tablet.scss
+++ b/webapp/sass/responsive/_tablet.scss
@@ -19,86 +19,6 @@
         }
     }
 
-    .post-create__container {
-        .post-create {
-            &.post-create--attachment-disabled {
-                .post-body__cell {
-                    padding-left: 1em;
-                }
-
-                .post-create-footer {
-                    padding-left: 1em;
-                }
-            }
-        }
-
-        form {
-            padding: .5em 0 0;
-        }
-
-        .post-create-footer {
-            padding: 0 45px 0 8px;
-
-            .post-error {
-                position: relative;
-                top: 0;
-
-                .sidebar--right & {
-                    left: 0;
-                }
-            }
-        }
-
-        .post-create-body {
-            display: table;
-            width: 100%;
-
-            .post-body__cell {
-                display: table-cell;
-                padding-left: 45px;
-
-
-                .sidebar--right & {
-                    padding-left: 0;
-                }
-            }
-
-            .app__content & {
-                .btn-file {
-                    bottom: -2px;
-                    left: 10px;
-                    line-height: 36px;
-                    padding: 0;
-                    top: auto;
-                    width: 25px;
-
-                    .icon--emoji-picker {
-                        display: none;
-                    }
-                }
-            }
-
-            .app__content & {
-                .icon {
-                    position: relative;
-                    top: 3px;
-
-                }
-            }
-
-            .icon__emoji_picker {
-                position: relative;
-                display: none;
-                top: 1px;
-                right: -1px;
-            }
-
-            .send-button {
-                display: table-cell;
-            }
-        }
-    }
-
     .signup-team__container {
         &.branded {
             display: block;