countries: ?v script to compare unicode flags

[sheet.git] / editor.css

diff --git a/editor.css b/editor.css
index fd926012f925d9ab3fbe1b71bbbefe27078d46c1..f37693528647f54fd91da3e85f651fd6d1593ea4 100644 (file)
--- a/editor.css
+++ b/editor.css
@@ -24,11 +24,11 @@ form > ul > li > label + * {
 }
 
 .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;
 }
@@ -38,13 +38,13 @@ input[type=number] {
 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;
@@ -58,6 +58,10 @@ ul.popup {
        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;