From 368ef439eb518e9a55ece56bd0d3a4b113305d38 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Alexander=20B=C3=B6hm?= <alexander.boehm@malbolge.net>
Date: Tue, 26 Apr 2022 00:54:48 +0200
Subject: [PATCH] Fixes for wordpress integration

---
 antrag.html | 30 +++++++++++++++++-------------
 1 file changed, 17 insertions(+), 13 deletions(-)

diff --git a/antrag.html b/antrag.html
index 91b39f2..78b911f 100644
--- a/antrag.html
+++ b/antrag.html
@@ -11,6 +11,10 @@
                 padding-bottom: 1em;
             }
 
+            .caption {
+                word-break: break-word;
+            }
+
             .step {
                 padding-bottom: 2em;
             }
@@ -19,12 +23,6 @@
                 font-weight: 600;
             }
 
-            .center {
-              margin: auto;
-              width: 50%;
-              padding: 0.1em;
-            }
-
             .hidden {
                 display: none;
             }
@@ -56,7 +54,7 @@
                 border-radius: 1em;
 				border-style: solid;
 				border-width: 0.2em;
-                padding: 1em;
+                padding: 0.5em;
                 text-align: center;
             }
 
@@ -71,7 +69,7 @@
                 border-radius: 1em;
 				border-style: solid;
 				border-width: 0.2em;
-                padding: 1em;
+                padding: 0.5em;
                 transition: opacity 1s, border-color 1s, filter 1s;
 			}
 
@@ -94,11 +92,11 @@
 
             .text-selection {
                 text-align: center;
-                font-size: 2em;
+                font-size: 1.5em;
             }
 
             .pictured-selection .items .label .caption {
-                font-size: 2.33em;
+                font-size: 1.5em;
             }
 
             .picture img {
@@ -107,7 +105,8 @@
 
             .tab-2, .tab-5, .tab-6, .tab-7 {
                 display: table;
-                width: 100%;
+                width: 99%;
+                margin: auto;
             }
 
             .text-selection .items {
@@ -135,10 +134,15 @@
             }
 
             .submission .label {
-                font-size: 2.33em;
+                font-size: 1.8em;
                 text-align: center;
             }
 
+            #step-submission {
+                width: 99%;
+                margin: auto;
+            }
+
             @media only screen and (min-width: 1024px) {
                 .text-selection,
                 .pictured-selection .items .label .caption {
@@ -629,7 +633,7 @@
             </div>
 
             <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">
                         <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>