From 49621e7b1575eba9796d7a73392724ed679d0702 Mon Sep 17 00:00:00 2001
From: Dan Brown <ssddanbrown@googlemail.com>
Date: Sun, 22 May 2016 09:08:37 +0100
Subject: [PATCH] Fixed flexbox overflow scrolling issues in firefox

Fixes #111
---
 resources/assets/sass/_grid.scss  | 3 +++
 resources/assets/sass/_pages.scss | 9 +++++++--
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/resources/assets/sass/_grid.scss b/resources/assets/sass/_grid.scss
index ddba1ee03..2fe1ad113 100644
--- a/resources/assets/sass/_grid.scss
+++ b/resources/assets/sass/_grid.scss
@@ -11,13 +11,16 @@ body.flexbox {
   #content {
     flex: 1;
     display: flex;
+    min-height: 0px;
   }
 }
 
 .flex-fill {
   display: flex;
   align-items: stretch;
+  min-height: 0px;
   .flex, &.flex {
+    min-height: 0px;
     flex: 1;
   }
 }
diff --git a/resources/assets/sass/_pages.scss b/resources/assets/sass/_pages.scss
index ff1b47cd7..e61e0c823 100644
--- a/resources/assets/sass/_pages.scss
+++ b/resources/assets/sass/_pages.scss
@@ -49,7 +49,7 @@
     height:auto;
   }
   h1, h2, h3, h4, h5, h6 {
-    clear: both;
+    clear: left;
   }
   hr {
     clear: both;
@@ -72,7 +72,7 @@
 .pointer {
   border: 1px solid #CCC;
   display: inline-block;
-  padding: $-xs $-s;
+  padding: $-s $-s;
   border-radius: 4px;
   box-shadow: 0 0 8px 1px rgba(212, 209, 209, 0.35);
   position: absolute;
@@ -135,6 +135,7 @@
   display: flex;
   transition: width ease-in-out 180ms;
   margin-top: -1px;
+  min-height: 0px;
   &.open {
     width: 480px;
   }
@@ -182,6 +183,8 @@
     display: flex;
     flex: 1;
     flex-direction: column;
+    min-height: 0px;
+    overflow-y: scroll;
   }
   div[tab-content] .padded {
     flex: 1;
@@ -240,6 +243,8 @@
   min-width: 180px;
   max-width: 320px;
   opacity: 0.7;
+  z-index: 5;
+  position: relative;
   table {
     width: 100%;
     margin: 0;