}
.multiinput,
-input,select {
+input, textarea, select {
box-sizing: border-box;
flex-grow: 1;
}
-input:not([type=submit]) {
+input:not([type=submit]), textarea {
padding: .4rem;
font-family: monospace;
}
select {
padding: .3rem .2rem; /* TODO: input */
}
-#thumbpreview {
+#convertpreview {
width: 300px;
align-self: start;
flex-shrink: 0;
}
-ul.popup {
+.popup {
display: flex;
flex-wrap: wrap;
align-items: end;
background: rgba(0, 0, 0, .8);
border: 1px solid #CCC;
}
+img.popup {
+ height: 100%; /* max assuming landscape */
+ width: auto; /* keep aspect */
+}
h1 {
margin-bottom: 1ex;