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;