From defef0e6d6690e0ad8fa5220dd356ea7069ae4d7 Mon Sep 17 00:00:00 2001
From: Mischa POSLAWSKY <perl@shiar.org>
Date: Tue, 17 Jan 2023 18:45:52 +0100
Subject: [PATCH] word/edit: consistent image height in download popup

---
 word/editor.css | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/word/editor.css b/word/editor.css
index 4a848f5..88a4c49 100644
--- a/word/editor.css
+++ b/word/editor.css
@@ -49,20 +49,26 @@ select {
 .popup {
 	display: flex;
 	flex-wrap: wrap;
-	align-items: end;
+	justify-content: space-evenly;
+	gap: 1em;
 	position: fixed;
 	left: 0;
 	top: 0;
+	max-width: 100%;
+	max-height: 100%; /* scroll */
 	margin: auto;
-	max-height: 90%;
-	max-width: 90%;
 	overflow: auto;
 	background: rgba(0, 0, 0, .8);
 	border: 1px solid #CCC;
+	z-index: 1;
 }
-img.popup {
-	height: 100%; /* max assuming landscape */
-	width: auto; /* keep aspect */
+.popup img {
+	height: 20vh;
+	width: auto;
+}
+img {
+	max-width: 100%;
+	object-fit: contain;
 }
 
 h1 {
-- 
2.30.0