From 413b98466d14590f58534897069a113845c2bb28 Mon Sep 17 00:00:00 2001
From: BonfaceKilz
Date: Mon, 13 Apr 2020 21:39:01 +0300
Subject: Fix wrong rendering of form elements inside chromium (closes #9)

https://css-tricks.com/almanac/properties/b/break-inside/
---
 bh20simplewebuploader/templates/form.html | 3 +++
 1 file changed, 3 insertions(+)

(limited to 'bh20simplewebuploader')

diff --git a/bh20simplewebuploader/templates/form.html b/bh20simplewebuploader/templates/form.html
index 8ce6f6f..d960bb2 100644
--- a/bh20simplewebuploader/templates/form.html
+++ b/bh20simplewebuploader/templates/form.html
@@ -87,6 +87,9 @@
          padding: 1em;
          background: #F8F8F8;
          margin-bottom: 1em;
+         -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
+         page-break-inside: avoid; /* Firefox */
+         break-inside: avoid;
      }
 
      .record label {
-- 
cgit v1.2.3