From 25b3df67d82e3e5b1ed7561bde03c7baa67cb584 Mon Sep 17 00:00:00 2001
From: Michael Boelen <michael.boelen@cisofy.com>
Date: Sun, 21 May 2023 19:14:37 +0200
Subject: [PATCH] Eerste opmaak van zoekformulier

---
 themes/nluug/assets/scss/styles_search.scss    | 6 ++++++
 themes/nluug/layouts/partials/search-form.html | 5 ++---
 2 files changed, 8 insertions(+), 3 deletions(-)
 create mode 100644 themes/nluug/assets/scss/styles_search.scss

diff --git a/themes/nluug/assets/scss/styles_search.scss b/themes/nluug/assets/scss/styles_search.scss
new file mode 100644
index 0000000..418812f
--- /dev/null
+++ b/themes/nluug/assets/scss/styles_search.scss
@@ -0,0 +1,6 @@
+form.search input {
+  border-radius: 10px;
+  border: 3px solid darkgray;
+  font-size: 1.2em;
+  padding: 15px 20px;
+}
diff --git a/themes/nluug/layouts/partials/search-form.html b/themes/nluug/layouts/partials/search-form.html
index 2959d9b..fc18586 100644
--- a/themes/nluug/layouts/partials/search-form.html
+++ b/themes/nluug/layouts/partials/search-form.html
@@ -1,4 +1,3 @@
-<form action="/zoeken/" method="GET">
-    🔍 <input type="search" name="q" id="search-query" placeholder="Zoekterm..">
-    <button type="submit">Zoek</button>
+<form class="search" action="/zoeken/" method="GET">
+    <input type="search" name="q" id="search-query" placeholder="Zoekterm..." autofocus minlength="2" maxlength="32" pattern="[a-zA-Z0-9._%+-]{2,}$">
 </form>