make the thing work nicely

1 files changed, 32 insertions, 2 deletions

diff --git a/assets/style.css b/assets/style.css
index 6b89c32..f5a657e 100644
--- a/assets/style.css
+++ b/assets/style.css
@@ -97,18 +97,34 @@ h6 {
 
 .sidebox ol {
 	padding-left: 1em;
+	margin: 0;
+	margin-bottom: 0.5em;
 }
 
 .sidebox ul {
 	padding-left: 0em;
 	list-style-type: none;
+	margin: 0;
+	margin-bottom: 0.5em;
+}
+
+.sidebox .sidebox-right {
+	text-align: right;
+}
+
+.search-form-wrap {
+	text-align: center;
+}
+
+input.search {
+	width: 100%;
 }
 
 /* layout */
 
 header {
 	height: 4rem;
-	margin-bottom: 2rem;
+	margin-bottom: 1rem;
 	background: linear-gradient(to bottom, #fafafa, #fafafa 66%, #eeeeee);
 	display: flex;
 }
@@ -301,6 +317,11 @@ main {
 /* responsive switchery */
 
 @media screen and (min-width: 390pt /*30 rem*/) {
+
+	input.search {
+		width: 20rem;
+	}
+
 	.header-title {
 		font-size: 150%;
 	}
@@ -320,7 +341,6 @@ main {
 
 	header {
 		height: 8rem;
-		margin-bottom: 3rem;
 	}
 
 	.flex-sidefill-l {
@@ -373,6 +393,11 @@ main {
 }
 
 @media screen and (min-width: 1040pt /*80 rem*/) {
+
+	header {
+		margin-bottom: 3rem;
+	}
+
 	.flex-sidefill-r {
 		flex-grow: 0;
 	}
@@ -388,6 +413,11 @@ main {
 	.sidebox {
 		width: 20rem;
 	}
+
+	.sidebox .sidebox-right {
+		text-align: left;
+		margin-bottom: 1em;
+	}
 }
 
 @media screen and (min-width: 1300pt /*100 rem*/) {