Updating UI fixes (#4437)

3 files changed, 77 insertions, 47 deletions

diff --git a/webapp/sass/responsive/_desktop.scss b/webapp/sass/responsive/_desktop.scss
index 50df5ba02..f5deff302 100644
--- a/webapp/sass/responsive/_desktop.scss
+++ b/webapp/sass/responsive/_desktop.scss
@@ -75,6 +75,18 @@
     }
 }
 
+@media (max-width: 1024px) {
+    .inner-wrap {
+        &.move--left {
+            .channel-header {
+                .heading {
+                    width: 100px;
+                }
+            }
+        }
+    }
+}
+
 @media (min-width: 992px) {
     .modal-lg {
         width: 700px;
diff --git a/webapp/sass/responsive/_mobile.scss b/webapp/sass/responsive/_mobile.scss
index cb25639c9..7c13de1ba 100644
--- a/webapp/sass/responsive/_mobile.scss
+++ b/webapp/sass/responsive/_mobile.scss
@@ -486,6 +486,20 @@
         }
 
         .modal {
+            .nav-pills {
+                > li {
+                    &.active {
+                        a {
+                            background: transparent;
+
+                            &:before {
+                                display: none;
+                            }
+                        }
+                    }
+                }
+            }
+
             .info__label {
                 padding-bottom: 5px;
                 text-align: left;
@@ -665,53 +679,6 @@
         }
     }
 
-    .post-create__container {
-        form {
-            padding: .5em 0;
-        }
-
-        .post-create-footer {
-            padding: 0 1em;
-
-            .msg-typing {
-                display: none;
-            }
-
-            .control-label {
-                top: 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: 0;
-                    line-height: 36px;
-                    padding: 0;
-                    top: auto;
-                    width: 45px;
-                }
-            }
-
-            .send-button {
-                display: table-cell;
-            }
-        }
-    }
-
     .file-preview__container {
         margin: 5px 0 0;
     }
diff --git a/webapp/sass/responsive/_tablet.scss b/webapp/sass/responsive/_tablet.scss
index 75cdf8ea9..52d7a6a77 100644
--- a/webapp/sass/responsive/_tablet.scss
+++ b/webapp/sass/responsive/_tablet.scss
@@ -7,6 +7,57 @@
                 width: 150px;
             }
         }
+
+        .heading {
+            width: 130px;
+        }
+    }
+
+    .post-create__container {
+        form {
+            padding: .5em 0;
+        }
+
+        .post-create-footer {
+            padding: 0 1em;
+
+            .msg-typing {
+                display: none;
+            }
+
+            .control-label {
+                top: 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: 0;
+                    line-height: 36px;
+                    padding: 0;
+                    top: auto;
+                    width: 45px;
+                }
+            }
+
+            .send-button {
+                display: table-cell;
+            }
+        }
     }
 
     .signup-team__container {