X-Git-Url: http://git.shiar.nl/sheet.git/blobdiff_plain/6bc896dcaee8f907d4fb46e14720f8b5a51418fa..140051e24ff5a74421e8b437cdc12ca8570995cd:/word/editor.css

diff --git a/word/editor.css b/word/editor.css
index 1e0dc5b..4a848f5 100644
--- 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;
@@ -96,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;
+}