diff --git a/index.html b/index.html
index b1ebf04..6315ddc 100644
--- a/index.html
+++ b/index.html
@@ -92,7 +92,6 @@ input {
border: none;
border-radius: var(--border-radius);
padding: 3px var(--input-padding);
- font-size: 110%;
}
input:hover {
@@ -127,7 +126,7 @@ main {
nav {
display: flex;
flex-flow: column nowrap;
- justify-content: space-between;
+ justify-content: stretch;
background-color: var(--back-color-1);
color: var(--front-color-1);
width: calc(var(--sidebar-width) + var(--sidebar-padding) * 2);
@@ -137,43 +136,20 @@ 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;
- flex-grow: 1;
- max-height: auto;
+ height: 50%;
+ max-height: 50%;
overflow-y: hidden;
padding: 0px var(--sidebar-padding);
border-bottom: var(--border-width) solid var(--front-color-1);
- 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;
+ padding-bottom: 0.5em;
}
nav > section > div {
@@ -200,10 +176,9 @@ 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 {
@@ -211,6 +186,7 @@ nav > section > input {
padding: 5px var(--hpadd);
width: calc(100% - var(--hpadd) * 2);
+ font-size: 110%;
}
search {
@@ -305,7 +281,7 @@ img.favicon-big {
-