X-Git-Url: http://git.shiar.nl/sheet.git/blobdiff_plain/30bf0fcde3f7e44f1ec7bcfc8253dfce8f81e8e6..2304fc9d1a391372a6714502fb769c9d1a5ed182:/word/editor.css

diff --git a/word/editor.css b/word/editor.css
index f376935..2e89bb5 100644
--- a/word/editor.css
+++ b/word/editor.css
@@ -80,6 +80,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 +96,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;
+}