From f7f3e6e3bef5c69dbafa3dbd9b80ce2ec167fdd6 Mon Sep 17 00:00:00 2001
From: Eugen Rochko <eugen@zeonfederated.com>
Date: Wed, 12 Oct 2016 19:14:47 +0200
Subject: Fix styles

---
 app/assets/stylesheets/application.scss | 4 ++--
 app/assets/stylesheets/components.scss  | 5 +++++
 2 files changed, 7 insertions(+), 2 deletions(-)

(limited to 'app/assets/stylesheets')

diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss
index ddaece8d8..60875a3b3 100644
--- a/app/assets/stylesheets/application.scss
+++ b/app/assets/stylesheets/application.scss
@@ -77,9 +77,9 @@ table {
 }
 
 ::-webkit-scrollbar-track {
-  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
   border: 0px none #ffffff;
-  border-radius: 50px;
+  border-radius: 0;
+  background: rgba(0, 0, 0, 0.1);
 }
 
 ::-webkit-scrollbar-track:hover {
diff --git a/app/assets/stylesheets/components.scss b/app/assets/stylesheets/components.scss
index ef39a87ed..0fd026fee 100644
--- a/app/assets/stylesheets/components.scss
+++ b/app/assets/stylesheets/components.scss
@@ -231,6 +231,7 @@
 .columns-area {
   margin: 10px;
   margin-left: 0;
+  flex-direction: row;
 }
 
 .column {
@@ -243,15 +244,19 @@
 
 .column, .drawer {
   margin-left: 10px;
+  flex: 0 0 auto;
+  overflow: hidden;
 }
 
 @media screen and (max-width: 1024px) {
   .column, .drawer {
     width: 100%;
     margin: 0;
+    flex: 1 1 100%;
   }
 
   .columns-area {
     margin: 10px;
+    flex-direction: column;
   }
 }
-- 
cgit