From a3b4a7ef1d9fad1dd070d35e036889e30e5e1d1b Mon Sep 17 00:00:00 2001
From: Daniel <daniellee468@gmail.com>
Date: Wed, 12 Jul 2017 23:30:01 +0800
Subject: [PATCH] Fix #516 -- Prevent gaps in plugin list (#551)

Use flexbox to fix misalignment when column height is imbalanced.
---
 .../templates/pretixcontrol/event/plugins.html |  2 +-
 src/pretix/static/pretixcontrol/scss/main.scss | 18 ++++++++++++++++++
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/src/pretix/control/templates/pretixcontrol/event/plugins.html b/src/pretix/control/templates/pretixcontrol/event/plugins.html
index 7c175715d..54aec322a 100644
--- a/src/pretix/control/templates/pretixcontrol/event/plugins.html
+++ b/src/pretix/control/templates/pretixcontrol/event/plugins.html
@@ -11,7 +11,7 @@
 					{% trans "Your changes have been saved." %}
 				</div>
 			{% endif %}
-            <div class="row">
+            <div class="row row-plugins">
                 {% for plugin in plugins %}
                     <div class="col-md-6 col-sm-12">
                         <div class="panel panel-{% if plugin.app.compatibility_errors %}warning{% elif plugin.module in plugins_active %}success{% else %}default{% endif %}">
diff --git a/src/pretix/static/pretixcontrol/scss/main.scss b/src/pretix/static/pretixcontrol/scss/main.scss
index eeeaa6a71..a99bba5c9 100644
--- a/src/pretix/static/pretixcontrol/scss/main.scss
+++ b/src/pretix/static/pretixcontrol/scss/main.scss
@@ -351,3 +351,21 @@ body.loading #wrapper {
     padding: 6px 10px;
     color: white !important;
 }
+
+@media (min-width: $screen-md-min) {
+    .row-plugins {
+        display: flex;
+        flex-wrap: wrap;
+    }
+
+    .row-plugins > [class*=col] {
+        display: flex;
+        flex-direction: column;
+    }
+
+    .row-plugins > [class*=col] > .panel {
+        height: 100%
+    }
+}
+
+