From 26ad13bbea640d0dcf892092fe6c8b38adce960f Mon Sep 17 00:00:00 2001
From: Zankaria <zankaria.auxa@mailu.io>
Date: Mon, 7 Jul 2025 23:24:43 +0200
Subject: [PATCH] search_form.html: make the search for UI less terrible

---
 templates/search_form.html | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/templates/search_form.html b/templates/search_form.html
index 7d2b42c2..e433ca44 100644
--- a/templates/search_form.html
+++ b/templates/search_form.html
@@ -1,9 +1,14 @@
 <div class="ban">
+	<style>
+		form > p {
+			align-content: center;
+		}
+	</style>
 	<h2>{% trans %}Search{% endtrans %}</h2>
-	<form style="display:inline" action="" method="get">
+	<form style="width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;text-align:start" action="" method="get">
+		<p style="padding-right:0"><label for="search">{% trans %}Phrase:{% endtrans %}</label></p>
+		<p style="flex-grow:1"><input style="width:100%" id="search" name="search" type="text" size="40" value="{{ search }}"></p>
 		<p>
-			<label style="display:inline" for="search">{% trans %}Phrase:{% endtrans %}</label>
-			<input id="search" name="search" type="text" size="40" value="{{ search }}">
 			<select name="board">
 				<option value="none">{% trans %}Select board{% endtrans %}&hellip;</option>