From 3642d1d249472df1e06adbec990222ee19496ce3 Mon Sep 17 00:00:00 2001
From: Thaum Rystra <stefanzermatten@gmail.com>
Date: Sat, 16 May 2020 14:19:13 +0200
Subject: [PATCH] Workaround for Firefox not obeying break-inside: avoid;

---
 app/imports/ui/components/ColumnLayout.vue | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/app/imports/ui/components/ColumnLayout.vue b/app/imports/ui/components/ColumnLayout.vue
index e6cf2c8b..30eeaa89 100644
--- a/app/imports/ui/components/ColumnLayout.vue
+++ b/app/imports/ui/components/ColumnLayout.vue
@@ -36,6 +36,11 @@ export default {
 		padding: 4px;
 	}
 	.column-layout >>> > div {
+    /*
+      Table and width set because firefox does not support break-inside: avoid
+    */
+    display: table;
+    width: 100%;
 		-webkit-backface-visibility: hidden;
 		-webkit-transform: translateX(0);
 		-webkit-column-break-inside: avoid;