From 46baa5102f715eb249b8649c9ae14105ddf60800 Mon Sep 17 00:00:00 2001
From: Krzysztof Bialoglowicz <krzysztof@mirumee.com>
Date: Tue, 22 Oct 2019 13:32:45 +0200
Subject: [PATCH] Fix layout action bar fixed instead of sticky

---
 src/components/AppLayout/AppLayout.tsx | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/components/AppLayout/AppLayout.tsx b/src/components/AppLayout/AppLayout.tsx
index 6185b8d3b..8b91f7b0b 100644
--- a/src/components/AppLayout/AppLayout.tsx
+++ b/src/components/AppLayout/AppLayout.tsx
@@ -42,9 +42,15 @@ import ThemeSwitch from "./ThemeSwitch";
 const styles = (theme: Theme) =>
   createStyles({
     appAction: {
+      [theme.breakpoints.down("sm")]: {
+        left: 0,
+        width: "100%"
+      },
       bottom: 0,
       gridColumn: 2,
-      position: "sticky",
+      left: 210,
+      position: "fixed",
+      width: "calc(100% - 210px)",
       zIndex: 10
     },
     appLoader: {
@@ -252,10 +258,7 @@ const styles = (theme: Theme) =>
       flex: 1,
       flexGrow: 1,
       marginLeft: 0,
-      paddingBottom: theme.spacing.unit,
-      [theme.breakpoints.up("sm")]: {
-        paddingBottom: theme.spacing.unit * 3
-      }
+      paddingBottom: theme.spacing.unit * 10
     }
   });