diff --git a/index.html b/index.html
index 6315ddc..b1ebf04 100644
--- a/index.html
+++ b/index.html
@@ -92,6 +92,7 @@ input {
border: none;
border-radius: var(--border-radius);
padding: 3px var(--input-padding);
+ font-size: 110%;
}
input:hover {
@@ -126,7 +127,7 @@ main {
nav {
display: flex;
flex-flow: column nowrap;
- justify-content: stretch;
+ justify-content: space-between;
background-color: var(--back-color-1);
color: var(--front-color-1);
width: calc(var(--sidebar-width) + var(--sidebar-padding) * 2);
@@ -136,20 +137,43 @@ nav {
padding: 0;
position: fixed;
top: 0;
+}
+
+nav.left {
float: left;
left: 0;
border-right: var(--border-width) solid var(--front-color-1);
}
+nav.right {
+ margin-left: auto;
+ margin-right: 0;
+ right: 0;
+ float: right;
+ border-left: var(--border-width) solid var(--front-color-1);
+}
+
nav > section {
display: flex;
+ flex: 1 1 0;
flex-flow: column nowrap;
- height: 50%;
- max-height: 50%;
+ flex-grow: 1;
+ max-height: auto;
overflow-y: hidden;
padding: 0px var(--sidebar-padding);
border-bottom: var(--border-width) solid var(--front-color-1);
- padding-bottom: 0.5em;
+ padding-bottom: 2em;
+}
+
+nav > #rule-editor > form {
+ display: flex;
+ flex: 1 1 0;
+ flex-flow: row nowrap;
+ width: 100%;
+}
+
+nav > #rule-editor > form > :first-child {
+ margin-right: 0.5em;
}
nav > section > div {
@@ -176,9 +200,10 @@ nav > section > div > h2 > a {
nav > section > div > h2 > img {
display: inline;
height: 1em;
- vertical-align: sub;
object-position: right;
margin: 0px 2px;
+ align-self: center;
+ justify-self: flex-end;
}
nav > section > input {
@@ -186,7 +211,6 @@ nav > section > input {
padding: 5px var(--hpadd);
width: calc(100% - var(--hpadd) * 2);
- font-size: 110%;
}
search {
@@ -281,7 +305,7 @@ img.favicon-big {
-