diff --git a/client/source/sass/objects/_modals.scss b/client/source/sass/objects/_modals.scss index 8a2ec244..e990be10 100644 --- a/client/source/sass/objects/_modals.scss +++ b/client/source/sass/objects/_modals.scss @@ -15,28 +15,41 @@ 0 0 0 1px $modal--content--border, 0 0 35px $modal--content--shadow; left: 50%; - max-width: 100%; + max-height: 80%; + max-width: 80%; + overflow: auto; padding: 30px; position: absolute; - top: 50%; - transform: translate(-50%, -50%); + top: 10%; + transform: translate(-50%, 0); width: 500px; } } .modal { - &__header { - margin-bottom: 20px; + &__button-group { + text-align: right; - h1 { - color: $modal--header--foreground; - font-size: 1.35em; - font-weight: 400; + .button { + + & + .button { + margin-left: 20px; + } } } } +.modal { + + &__header { + color: $modal--header--foreground; + font-size: 1.1em; + font-weight: 400; + margin-bottom: 20px; + } +} + .modal { &__animation-enter {