diff --git a/css/styles.css b/css/styles.css index 45833c2..473416b 100644 --- a/css/styles.css +++ b/css/styles.css @@ -414,10 +414,17 @@ dialog header label { dialog header button { font-size: 24px; } -dialog > img { - /* fix for media preview */ +#media-preview { + height: 100%; +} +#media-preview > img { max-width: 100%; max-height: 100%; + display: block; + position: relative; + top: 50%; + left: 50%; + transform: translateX(-50%) translateY(-50%); } dialog > .container { display: flex;