From 88cbfe7f1df5a0ef89d8b2ccf1261cb897c19366 Mon Sep 17 00:00:00 2001
From: Asaad Mahmood <asaadmahmoodspin@users.noreply.github.com>
Date: Mon, 25 Apr 2016 20:52:32 +0500
Subject: UI Improvements to center channel (#2790)

Removing time from the center channel on sp (mobile)

Liking mention color to search highlight color aswell

Adjusting vertical spacing on mobile

Removing profile pic from mobile LHS header

Updating styles for the RHS

Fixing btn-danger
---
 webapp/sass/layout/_headers.scss       |  5 ++---
 webapp/sass/layout/_post-right.scss    |  3 +--
 webapp/sass/layout/_post.scss          | 18 ++++++------------
 webapp/sass/layout/_sidebar-right.scss | 10 ++++++++++
 4 files changed, 19 insertions(+), 17 deletions(-)

(limited to 'webapp/sass/layout')

diff --git a/webapp/sass/layout/_headers.scss b/webapp/sass/layout/_headers.scss
index ae114a805..950588df5 100644
--- a/webapp/sass/layout/_headers.scss
+++ b/webapp/sass/layout/_headers.scss
@@ -67,9 +67,8 @@
 
 .channel-intro {
     border-bottom: 1px solid $light-gray;
-    margin: 0 auto 35px;
-    max-width: 1000px;
-    padding: 0 1em 5px;
+    margin: 0 30px 35px;
+    padding: 0 0 5px;
 
     .intro-links {
         display: inline-block;
diff --git a/webapp/sass/layout/_post-right.scss b/webapp/sass/layout/_post-right.scss
index 529f73995..93ad7af54 100644
--- a/webapp/sass/layout/_post-right.scss
+++ b/webapp/sass/layout/_post-right.scss
@@ -53,7 +53,6 @@
     }
 
     .post-create__container {
-        margin-top: 10px;
         width: 100%;
 
         .textarea-wrapper {
@@ -115,7 +114,7 @@
 
 .post-right-channel__name {
     font-weight: 600;
-    margin: 0 0 10px 0;
+    margin: 0 0 15px;
 }
 
 .post-right-root-container li {
diff --git a/webapp/sass/layout/_post.scss b/webapp/sass/layout/_post.scss
index 592d486aa..374fa7324 100644
--- a/webapp/sass/layout/_post.scss
+++ b/webapp/sass/layout/_post.scss
@@ -520,6 +520,10 @@ body.ios {
         }
     }
 
+    .post__header--info {
+        padding: 0;
+    }
+
     span {
         p:last-child {
             margin-bottom: .5em;
@@ -554,16 +558,6 @@ body.ios {
                     top: 6px;
                 }
             }
-
-            .post__time {
-                @include opacity(0);
-                font-size: 11px;
-                left: -7px;
-                line-height: 37px;
-                position: absolute;
-                text-rendering: auto;
-                top: -2px;
-            }
         }
 
         &.post--comment {
@@ -610,10 +604,10 @@ body.ios {
     .post__content {
         display: table;
         margin: 0 auto;
+        padding: 0 15px;
         position: relative;
         table-layout: fixed;
         width: 100%;
-        padding: 0 15px;
 
         > div {
             display: table-cell;
@@ -649,7 +643,7 @@ body.ios {
 
         .col__reply {
             position: absolute;
-            right: 0;
+            right: 10px;
             top: 30px;
             white-space: nowrap;
             width: 65px;
diff --git a/webapp/sass/layout/_sidebar-right.scss b/webapp/sass/layout/_sidebar-right.scss
index 062c3bde1..923e53d12 100644
--- a/webapp/sass/layout/_sidebar-right.scss
+++ b/webapp/sass/layout/_sidebar-right.scss
@@ -16,6 +16,10 @@
     }
 
     .post {
+        .post__content {
+            padding: 0;
+        }
+
         .post__header {
             .col__name {
                 .user-popover {
@@ -25,6 +29,12 @@
         }
     }
 
+    .post-create__container {
+        form {
+            padding: .5em 15px 0;
+        }
+    }
+
     .help__format-text {
         display: none;
     }
-- 
cgit v1.2.3-1-g7c22