From c8cc46f6e03de59dbc1763cab1eb1999d85d8fe4 Mon Sep 17 00:00:00 2001
From: Asaad Mahmood <asaad@spinpunch.com>
Date: Wed, 2 Dec 2015 22:51:48 +0500
Subject: Multiple UI Improvements

---
 web/sass-files/sass/partials/_responsive.scss | 54 +++++++++++++++++++++------
 web/sass-files/sass/partials/_tutorial.scss   |  2 +-
 2 files changed, 44 insertions(+), 12 deletions(-)

(limited to 'web/sass-files/sass')

diff --git a/web/sass-files/sass/partials/_responsive.scss b/web/sass-files/sass/partials/_responsive.scss
index a56c4bb17..1e3b7a468 100644
--- a/web/sass-files/sass/partials/_responsive.scss
+++ b/web/sass-files/sass/partials/_responsive.scss
@@ -51,23 +51,31 @@
 
 @media screen and (max-width: 960px) {
 
-    .signup-team__container {
-        font-size: 1em;
-    }
+    .sidebar--right {
+        width: calc(100% - 219px);
+        z-index: 5;
+        right: 0;
+        @include translateX(100%);
 
-    .post {
+        &.move--left {
+            @include translateX(0);
+        }
 
-        &.same--root {
+    }
 
-            &.same--user {
+    .inner__wrap {
 
-                .post__time {
-                    display: none;
-                }
+        &.move--left {
+            margin-right: 0;
+        }
 
-            }
+    }
 
-        }
+    .search-bar__container {
+        padding-left: 10px;
+    }
+
+    .post {
 
         .post-list__content & {
 
@@ -106,6 +114,30 @@
 
         }
 
+    }
+
+}
+
+@media screen and (max-width: 768px) {
+
+    .signup-team__container {
+        font-size: 1em;
+    }
+
+    .post {
+
+        &.same--root {
+
+            &.same--user {
+
+                .post__time {
+                    display: none;
+                }
+
+            }
+
+        }
+
         .post__img {
             width: 40px;
 
diff --git a/web/sass-files/sass/partials/_tutorial.scss b/web/sass-files/sass/partials/_tutorial.scss
index cfbc3454a..8ab29ab10 100644
--- a/web/sass-files/sass/partials/_tutorial.scss
+++ b/web/sass-files/sass/partials/_tutorial.scss
@@ -81,7 +81,7 @@
         color: #fff;
         @include border-radius(3px);
         border: none;
-        margin-bottom: 10px;
+        margin: 10px 0;
 
         &:hover, &:active, &:focus {
             color: #fff;
-- 
cgit v1.2.3-1-g7c22