diff --git a/assets/eventcreate_foodtable with friends.jpg b/assets/eventcreate_foodtable with friends.jpg new file mode 100644 index 0000000..fa2e3a9 Binary files /dev/null and b/assets/eventcreate_foodtable with friends.jpg differ diff --git a/assets/eventcreate_foodtable-new.jpg b/assets/eventcreate_foodtable-new.jpg new file mode 100644 index 0000000..c081d51 Binary files /dev/null and b/assets/eventcreate_foodtable-new.jpg differ diff --git a/css/event_create.css b/css/event_create.css index 4bb5f02..613dfe0 100644 --- a/css/event_create.css +++ b/css/event_create.css @@ -33,6 +33,40 @@ padding: var(--space-4) 0 var(--space-7); } +.submission-success-title-row { + display: flex; + align-items: center; + gap: var(--space-5); + width: 100%; +} + +.submission-success-title-row h2 { + margin-bottom: 0; +} + +.submission-success-icon { + width: 2.5rem; + height: 2.5rem; + display: inline-flex; + align-items: center; + justify-content: center; + color: var(--brown); + font-size: 3rem; + line-height: 1; + transform: translateY(0.4rem); +} + +.submission-success-image { + object-position: 42% center; +} + +.submission-success .intro-card--image { + width: min(100%, 40rem); + aspect-ratio: 4 / 5; + align-self: center; + justify-self: center; +} + .step--active { display: block; } @@ -62,6 +96,7 @@ fieldset { .step-copy { gap: var(--space-4); + align-content: start; } .step-fields { @@ -96,7 +131,7 @@ fieldset { } .intro-card--image { - width: 100%; + width: 60%; padding: 0; border: 0; overflow: hidden; @@ -294,7 +329,8 @@ textarea:focus { .submission-success-actions { display: flex; - justify-content: center; + justify-content: flex-start; + width: 100%; } .flow-footer { diff --git a/event_create.html b/event_create.html index 4651b48..a76ee3f 100644 --- a/event_create.html +++ b/event_create.html @@ -9,9 +9,12 @@ - + + + + @@ -55,7 +58,7 @@
Ein gedeckter Tisch mit gemeinsamem Essen
@@ -409,25 +412,35 @@