From 763c003487cc722d684df0a658223f25de4bbd97 Mon Sep 17 00:00:00 2001 From: Richard Schreiber Date: Tue, 24 May 2022 10:04:12 +0200 Subject: [PATCH] Fix alignment of checkout success message (Z#2399724) When a customized checkout_success_text is used, that has other elements than `

`, the alignment was off. This fixes the alignment for all types of elements, that are a direct child of the thank-you-element `.thank-you > *`. --- src/pretix/static/pretixcontrol/scss/main.scss | 5 +++-- src/pretix/static/pretixpresale/scss/_rtl.scss | 4 ++-- src/pretix/static/pretixpresale/scss/main.scss | 5 +++-- 3 files changed, 8 insertions(+), 6 deletions(-) diff --git a/src/pretix/static/pretixcontrol/scss/main.scss b/src/pretix/static/pretixcontrol/scss/main.scss index 157d63cf1c..e7e6fcccd8 100644 --- a/src/pretix/static/pretixcontrol/scss/main.scss +++ b/src/pretix/static/pretixcontrol/scss/main.scss @@ -569,16 +569,17 @@ td > .dl-horizontal { width: 70%; margin: auto; - .fa { + & > .fa { float: left; margin-right: 30px; + margin-left: 0; } h2 { padding-top: 25px; } - p { + & > * { margin-left: 158px; } } diff --git a/src/pretix/static/pretixpresale/scss/_rtl.scss b/src/pretix/static/pretixpresale/scss/_rtl.scss index e0501c6064..fcdf9b0ec5 100644 --- a/src/pretix/static/pretixpresale/scss/_rtl.scss +++ b/src/pretix/static/pretixpresale/scss/_rtl.scss @@ -30,12 +30,12 @@ html.rtl { padding-right: 20px; padding-left: 0; } - .thank-you .fa { + .thank-you > .fa { float: right; margin-left: 30px; margin-right: 0; } - .thank-you p { + .thank-you > * { margin-right: 158px; margin-left: 0; } diff --git a/src/pretix/static/pretixpresale/scss/main.scss b/src/pretix/static/pretixpresale/scss/main.scss index 2302b62452..517550b175 100644 --- a/src/pretix/static/pretixpresale/scss/main.scss +++ b/src/pretix/static/pretixpresale/scss/main.scss @@ -290,16 +290,17 @@ body.loading .container { margin-right: auto; margin-bottom: 3em; - .fa { + & > .fa { float: left; margin-right: 30px; + margin-left: 0; } h2 { padding-top: 35px; } - p { + & > * { margin-left: 158px; } }