From d1b9fdea5f948cdeab3a0a87ebd88275cc58a187 Mon Sep 17 00:00:00 2001
From: Ashwin Maroli <ashmaroli@gmail.com>
Date: Wed, 14 Jun 2017 21:29:26 +0530
Subject: [PATCH] fix side-buttons to viewport

---
 src/styles/content.scss   | 5 +++--
 src/styles/variables.scss | 2 +-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/styles/content.scss b/src/styles/content.scss
index be270f15d..404d8febf 100644
--- a/src/styles/content.scss
+++ b/src/styles/content.scss
@@ -119,15 +119,16 @@
   .content-wrapper {
     display: flex;
     .content-body {
-      width: 100%;
+      width: calc(100% - #{$content-side-width} - 40px);
       h1 {
         margin: 0 0 30px 0;
         font-size: 40px;
       }
     }
     .content-side {
+      position: fixed;
+      right: 40px;
       width: $content-side-width;
-      margin-left: 40px;
       font-size: 16px;
 
       .delete-link {
diff --git a/src/styles/variables.scss b/src/styles/variables.scss
index ad3d8bdf5..5bfb941b9 100644
--- a/src/styles/variables.scss
+++ b/src/styles/variables.scss
@@ -1,5 +1,5 @@
 $sidebar-width: 220px;
-$content-side-width: 260px;
+$content-side-width: 200px;
 
 $orange: #ffcc00;
 $dark-orange: #ff9900;