use justify/align-self rather than auto margins, works better in IE11

This commit is contained in:
Bruno Windels 2020-10-30 22:52:08 +01:00
parent a21765757d
commit 708893022a

View File

@ -686,17 +686,21 @@ button.link {
background-repeat: no-repeat; background-repeat: no-repeat;
width: 100%; width: 100%;
height: 100%; height: 100%;
margin: auto; align-self: center;
justify-self: center;
} }
.lightbox .loading { .lightbox .loading {
grid-area: content; grid-area: content;
margin: auto; align-self: center;
justify-self: center;
display: flex;
} }
.lightbox .close { .lightbox .close {
display: block;
grid-area: close; grid-area: close;
margin-left: auto; justify-self: end;
background-image: url('icons/dismiss.svg'); background-image: url('icons/dismiss.svg');
background-position: center; background-position: center;
background-size: 16px; background-size: 16px;