Adding expand icon for RHS (#3386)

* Adding expand icon for RHS

Fixing errors

Adding back getTeamInviteLink with better functionality for mobile

Adding vertical align to post__link

Updating improvements for expand RHS stuff

* Improving transition on mobile

* Removing irrelevant changes

webapp/sass/responsive/_mobile.scss

@@ -314,15 +314,15 @@
         }
     }
 
-    .row--invite {
-        .col-sm-6 {
-            &:first-child {
-                padding-right: 15px;
+    .app__body {
+        .row--invite {
+            .col-sm-6 {
+                &:first-child {
+                    padding-right: 15px;
+                }
             }
         }
-    }
 
-    .app__body {
         .modal {
             .info__label {
                 padding-bottom: 5px;
@@ -590,8 +590,17 @@
 
             .navbar-brand {
                 white-space: nowrap;
+            }
 
-                @import "../components/status-icon";
+            .status {
+                margin: 0 5px 0 3px;
+                top: 2px;
+                width: 16px;
+
+                svg {
+                    max-height: 20px;
+                    width: 16px;
+                }
             }
         }
     }

webapp/sass/responsive/_tablet.scss

@@ -75,6 +75,34 @@
         &.move--left {
             @include translateX(0);
         }
+
+        &.sidebar--right--expanded {
+            width: calc(100% - 280px);
+
+            .sidebar--right__bg {
+                background-color: alpha-color($black, .4);
+                visibility: visible;
+            }
+
+            .search-bar__container {
+                padding-left: 10px;
+            }
+
+            .sidebar-right-container {
+                position: relative;
+                z-index: 5;
+            }
+
+            .sidebar--right__expand {
+                .fa-expand {
+                    display: none;
+                }
+
+                .fa-compress {
+                    display: inline-block;
+                }
+            }
+        }
     }
 
     .inner-wrap {
@@ -90,6 +118,7 @@
 
                 .post__link {
                     margin: 4px 0 7px;
+                    vertical-align: bottom;
                 }
 
                 .post__time {