keyboard/altgr/index: move ctrl rows to distinct inventory mode

[sheet.git] / word / editor.css

diff --git a/word/editor.css b/word/editor.css
index 2e89bb5a3651b1be98eff0495818d246d543e9d8..88a4c49bca3740ec50a2bceba963d6988f244856 100644 (file)
--- 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;