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;
width: 100%;
height: 100%;
margin: auto;
align-self: center;
justify-self: center;
}
.lightbox .loading {
grid-area: content;
margin: auto;
align-self: center;
justify-self: center;
display: flex;
}
.lightbox .close {
display: block;
grid-area: close;
margin-left: auto;
justify-self: end;
background-image: url('icons/dismiss.svg');
background-position: center;
background-size: 16px;