Fix #516 -- Prevent gaps in plugin list (#551)

Use flexbox to fix misalignment when column height is imbalanced.
2017-07-12 23:30:01 +08:00
parent 947b06cd61
commit a3b4a7ef1d
2 changed files with 19 additions and 1 deletions
--- 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%
+    }
+}
+
+