latin: unistrokes circles matched separately

[sheet.git] / word / editor.css

diff --git a/word/editor.css b/word/editor.css
index f37693528647f54fd91da3e85f651fd6d1593ea4..4a848f58868001f1a7058442c294dbc7eb0f7d78 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,8 +39,11 @@ select {
 }
 #convertpreview {
        width: 300px;
+       height: 200px;
        align-self: start;
        flex-shrink: 0;
+       position: relative;
+       overflow: hidden;
 }
 
 .popup {
@@ -72,7 +74,7 @@ h1 {
        margin: 0 -1ex; /* inner gap */
 }
 .inline > * {
-       margin: 0 1ex;
+       margin: 1px 1ex;
 }
 .inline .inline {
        display: flex;
@@ -80,6 +82,11 @@ h1 {
 }
 .inline.multiinput {
        flex-wrap: wrap;
+       justify-content: space-between;
+}
+.inline.multiinput > :last-child {
+       text-align: right;
+       flex-grow: 1;
 }
 .multiinput > input {
        width: 10em;
@@ -91,3 +98,34 @@ h1 {
        margin: 1ex 0;
        display: inline-block;
 }
+
+#nav {
+       position: relative;
+}
+form#search {
+       display: block;
+       position: absolute;
+       width: 100%;
+       text-align: right;
+       top: -7ex;
+}
+#search input {
+       width: 100%;
+       transition: all .5s ease-in;
+}
+#search:not(:focus-within) input {
+       width: 0;
+       padding-left: 0;
+       padding-right: 0;
+       visibility: hidden;
+}
+#search button {
+       position: absolute;
+       right: 0;
+       height: 100%; /* like input */
+       border: 0;
+       background: none;
+       color: inherit;
+       font: inherit;
+       cursor: pointer;
+}