From 0184d6059bb1943fb74bf33d1d200a423c5bf5e6 Mon Sep 17 00:00:00 2001
From: Joram Wilander <jwawilander@gmail.com>
Date: Thu, 4 Aug 2016 11:38:09 -0400
Subject: PLT-3506 Added flagged posts functionality (#3679)

* Added flagged posts functionality

* UI Improvements to flags (#3697)

* Added flag functionality for mobile

* Updating flagged text (#3699)

* Add back button to RHS thread when coming from flagged posts

* Updating position of flags (#3708)

* Plt 3506 - Reverting flag position (#3724)

* Revert "Updating position of flags (#3708)"

This reverts commit aaa05632c5d9eda35a048300a5bd7e99584c5b58.

* Fixing the icon in search

* Help text and white space improvements (#3730)

* Updatng help text and some white spacing.

* Updating help text
---
 webapp/sass/responsive/_tablet.scss | 40 ++++++++++++++++++++++++++++++++-----
 1 file changed, 35 insertions(+), 5 deletions(-)

(limited to 'webapp/sass/responsive/_tablet.scss')

diff --git a/webapp/sass/responsive/_tablet.scss b/webapp/sass/responsive/_tablet.scss
index e6cb898fd..bb3d78652 100644
--- a/webapp/sass/responsive/_tablet.scss
+++ b/webapp/sass/responsive/_tablet.scss
@@ -116,7 +116,15 @@
             .channel__wrap & {
                 .post__time {
                     font-size: .85em;
-                    left: -70px;
+                    left: -79px;
+                    position: absolute;
+                    text-align: right;
+                    top: 6px;
+                    width: 60px;
+                }
+
+                .star-icon__container {
+                    left: -65px;
                     position: absolute;
                     text-align: right;
                     top: 6px;
@@ -125,7 +133,7 @@
             }
 
             &:not(.post--thread) {
-                padding: 5px .5em 0 70px;
+                padding: 5px .5em 0 72px;
 
                 .post__link {
                     margin: 4px 0 7px;
@@ -197,11 +205,29 @@
                 }
             }
 
+            .flag-icon__container {
+                left: -21px;
+                position: absolute;
+                top: 7px;
+            }
+
+            .sidebar--right & .flag-icon__container {
+                left: auto;
+                position: relative;
+                top: 1px;
+            }
+
             &.same--root {
                 &.same--user {
-                    padding-left: 70px;
+                    padding-left: 72px;
                     padding-top: 0;
 
+                    .flag-icon__container {
+                        left: -19px;
+                        position: absolute;
+                        top: 7px;
+                    }
+
                     .post__header {
                         .col__reply {
                             top: -1px;
@@ -265,12 +291,16 @@
 
                 &:not(.post--compact) {
                     .post__time {
+                        display: inline-block;
                         font-size: 11px;
-                        left: -4px;
-                        line-height: 37px;
+                        left: -14px;
+                        line-height: 34px;
                         position: absolute;
+                        text-align: right;
                         text-rendering: auto;
                         top: -2px;
+                        width: 51px;
+
                     }
                 }
             }
-- 
cgit v1.2.3-1-g7c22