Multiple UI Improvements

1 files changed, 20 insertions, 6 deletions

diff --git a/web/sass-files/sass/partials/_sidebar--right.scss b/web/sass-files/sass/partials/_sidebar--right.scss
index a4267294c..2527eef28 100644
--- a/web/sass-files/sass/partials/_sidebar--right.scss
+++ b/web/sass-files/sass/partials/_sidebar--right.scss
@@ -3,24 +3,38 @@
     width: 400px;
     height: 100%;
     right: 0px;
-    padding: 0 0 2em 0;
+    padding: 0;
     background: #fff;
     @include single-transition(transform, 0.5s, ease);
     right: -320px;
+
     &.move--left {
         right: 0;
     }
+
+    .sidebar--right__content {
+        height: 100%;
+        @include display-flex;
+        @include flex-direction(column);
+    }
+
     .sidebar--right__back {
-        color: #666;
-        width: 20px;
+        color: inherit;
+        @include opacity(0.8);
+        width: 30px;
         text-align: center;
-        margin: 0 0 0 -6px;
-        font-size: 12px;
+        margin: 0 0 0 -14px;
+        font-size: 13px;
         display: inline-block;
     }
     .sidebar-right__body {
+        @include flex(1 1 auto);
         border-left: $border-gray;
         border-top: $border-gray;
+        @include display-flex;
+        @include flex-direction(column);
+        height: calc(100% - 56px);
+        @include border-radius(2px 0 0 0);
     }
     .post {
         .post-header {
@@ -75,7 +89,7 @@
         height: 44px;
         padding: 0 1em;
         line-height: 44px;
-        background: #F5F5F5;
+        @include flex(0 0 44px);
         border-bottom: $border-gray;
     }
     .sidebar--right__subheader {