From c25189301a8e7cd19b2ab5f2d4598f865ad6ea74 Mon Sep 17 00:00:00 2001
From: Emil Miler <emil.miler@pedf.cuni.cz>
Date: Wed, 3 Feb 2021 20:04:06 +0100
Subject: [PATCH] =?UTF-8?q?Styly=20pro=20vstupy=20filtr=C5=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 sass/_filters.scss | 17 ++++++++++-------
 sass/style.scss    |  2 ++
 2 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/sass/_filters.scss b/sass/_filters.scss
index ea1b1fb..4b8e56c 100644
--- a/sass/_filters.scss
+++ b/sass/_filters.scss
@@ -1,13 +1,16 @@
 .filters {
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	padding: .5em;
-	margin-bottom: 2em;
+	display: grid;
+	grid-template-columns: 1fr 1fr 1fr 1fr;
+	column-gap: .5em;
+	margin-bottom: 3em;
 
 	input {
-		margin: 0 .5em;
-		padding: .5em;
+		padding: .6em 1em;
 		font-size: 1em;
+		background: #fff;
+		border: 1px solid $border;
+		border-radius: $article-border-radius;
 	}
+
+	input:first-child { grid-column: 2 / span 2; }
 }
diff --git a/sass/style.scss b/sass/style.scss
index 0161158..94fefed 100644
--- a/sass/style.scss
+++ b/sass/style.scss
@@ -149,5 +149,7 @@ main {
 		section.list {
 			grid-template-columns: 1fr 1fr;
 		}
+
+		.filters input:first-child { grid-column: span 4; }
 	}
 }