5 files changed, 49 insertions, 17 deletions

diff --git a/web/sass-files/sass/partials/_content.scss b/web/sass-files/sass/partials/_content.scss
index 44a959a9b..0570daeb7 100644
--- a/web/sass-files/sass/partials/_content.scss
+++ b/web/sass-files/sass/partials/_content.scss
@@ -1,5 +1,5 @@
 .inner__wrap {
-	@include single-transition(transform, 0.5s, ease);
+	@include single-transition(all, 0.5s, ease);
 	&.move--left {
 		margin-right: 400px;
 		.search-bar__container {
diff --git a/web/sass-files/sass/partials/_popover.scss b/web/sass-files/sass/partials/_popover.scss
index 7d98935d5..a48bfb22d 100644
--- a/web/sass-files/sass/partials/_popover.scss
+++ b/web/sass-files/sass/partials/_popover.scss
@@ -94,6 +94,8 @@
     }
 
     .popover-content {
+        max-height: 500px;
+        overflow: auto;
         padding: 3px 13px;
     }
 
diff --git a/web/sass-files/sass/partials/_responsive.scss b/web/sass-files/sass/partials/_responsive.scss
index 5f5cca89b..9b316d48e 100644
--- a/web/sass-files/sass/partials/_responsive.scss
+++ b/web/sass-files/sass/partials/_responsive.scss
@@ -51,23 +51,27 @@
 
 @media screen and (max-width: 960px) {
 
-    .signup-team__container {
-        font-size: 1em;
-    }
+    .sidebar--right {
+        width: 400px;
+        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;
+        }
 
-            }
+    }
 
-        }
+    .post {
 
         .post-list__content & {
 
@@ -106,6 +110,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;
 
@@ -484,7 +512,8 @@
                 padding: 0 10px 0 31px;
                 background: rgba(black, 0.2);
                 @include border-radius(3px);
-                color: inherit;
+                color: #444;
+                background: #fff;
             }
         }
     }
@@ -509,15 +538,15 @@
         &.move--right {
             @include translate3d(0, 0, 0);
         }
+        > div {
+            padding-bottom: 0;
+        }
         .nav-pills__unread-indicator-bottom {
             bottom: 10px;
         }
         .badge {
             top: 13px;
         }
-        > div {
-            padding-bottom: 65px;
-        }
         .team__header {
             display: none;
             @include clearfix;
diff --git a/web/sass-files/sass/partials/_search.scss b/web/sass-files/sass/partials/_search.scss
index 27b55f214..b7f658114 100644
--- a/web/sass-files/sass/partials/_search.scss
+++ b/web/sass-files/sass/partials/_search.scss
@@ -38,6 +38,7 @@
 	font-size: 14px;
 	@include opacity(0.5);
 	display: none;
+	color: #777;
 }
 .search__form {
 	.search-bar__container & {
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;