X-Git-Url: http://git.shiar.nl/sheet.git/blobdiff_plain/2304fc9d1a391372a6714502fb769c9d1a5ed182..20ca68ae05fb47fc98efa06bb675df13d4c94de5:/word/editor.css

diff --git a/word/editor.css b/word/editor.css
index 2e89bb5..88a4c49 100644
--- a/word/editor.css
+++ b/word/editor.css
@@ -5,7 +5,6 @@ dl {
 
 form > ul {
 	display: table;
-	border-spacing: 0 2px;
 }
 form > ul > li {
 	display: table-row;
@@ -40,27 +39,36 @@ select {
 }
 #convertpreview {
 	width: 300px;
+	height: 200px;
 	align-self: start;
 	flex-shrink: 0;
+	position: relative;
+	overflow: hidden;
 }
 
 .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;
+}
+.popup img {
+	height: 20vh;
+	width: auto;
 }
-img.popup {
-	height: 100%; /* max assuming landscape */
-	width: auto; /* keep aspect */
+img {
+	max-width: 100%;
+	object-fit: contain;
 }
 
 h1 {
@@ -72,7 +80,7 @@ h1 {
 	margin: 0 -1ex; /* inner gap */
 }
 .inline > * {
-	margin: 0 1ex;
+	margin: 1px 1ex;
 }
 .inline .inline {
 	display: flex;