Fixes for wordpress integration

main
Alexander Böhm 2022-04-26 00:54:48 +02:00
parent 92ca10ca53
commit 368ef439eb
1 changed files with 17 additions and 13 deletions

View File

@ -11,6 +11,10 @@
padding-bottom: 1em; padding-bottom: 1em;
} }
.caption {
word-break: break-word;
}
.step { .step {
padding-bottom: 2em; padding-bottom: 2em;
} }
@ -19,12 +23,6 @@
font-weight: 600; font-weight: 600;
} }
.center {
margin: auto;
width: 50%;
padding: 0.1em;
}
.hidden { .hidden {
display: none; display: none;
} }
@ -56,7 +54,7 @@
border-radius: 1em; border-radius: 1em;
border-style: solid; border-style: solid;
border-width: 0.2em; border-width: 0.2em;
padding: 1em; padding: 0.5em;
text-align: center; text-align: center;
} }
@ -71,7 +69,7 @@
border-radius: 1em; border-radius: 1em;
border-style: solid; border-style: solid;
border-width: 0.2em; border-width: 0.2em;
padding: 1em; padding: 0.5em;
transition: opacity 1s, border-color 1s, filter 1s; transition: opacity 1s, border-color 1s, filter 1s;
} }
@ -94,11 +92,11 @@
.text-selection { .text-selection {
text-align: center; text-align: center;
font-size: 2em; font-size: 1.5em;
} }
.pictured-selection .items .label .caption { .pictured-selection .items .label .caption {
font-size: 2.33em; font-size: 1.5em;
} }
.picture img { .picture img {
@ -107,7 +105,8 @@
.tab-2, .tab-5, .tab-6, .tab-7 { .tab-2, .tab-5, .tab-6, .tab-7 {
display: table; display: table;
width: 100%; width: 99%;
margin: auto;
} }
.text-selection .items { .text-selection .items {
@ -135,10 +134,15 @@
} }
.submission .label { .submission .label {
font-size: 2.33em; font-size: 1.8em;
text-align: center; text-align: center;
} }
#step-submission {
width: 99%;
margin: auto;
}
@media only screen and (min-width: 1024px) { @media only screen and (min-width: 1024px) {
.text-selection, .text-selection,
.pictured-selection .items .label .caption { .pictured-selection .items .label .caption {
@ -629,7 +633,7 @@
</div> </div>
<div class="hidden step grayed" id="step-submission"> <div class="hidden step grayed" id="step-submission">
<a class="submission button center" id="email_link"> <a class="submission button" id="email_link">
<div class="label"> <div class="label">
<span class="localized german">E-Mail erstellen zur Übermittlung des Antrags und anschließend absenden.</span> <span class="localized german">E-Mail erstellen zur Übermittlung des Antrags und anschließend absenden.</span>
<span class="localized english">Create the mail for your application and submit it.</span> <span class="localized english">Create the mail for your application and submit it.</span>