chore: align search form elements

Co-authored-by: David Larlet <david@larlet.fr>
This commit is contained in:
Yohan Boniface 2025-03-28 17:05:08 +01:00
parent c6ed896a6d
commit 06f963c07f
4 changed files with 7 additions and 5 deletions

View file

@ -16,6 +16,10 @@ input::-webkit-input-placeholder, ::-webkit-input-placeholder {
input:-moz-placeholder, :-moz-placeholder { input:-moz-placeholder, :-moz-placeholder {
color: #a5a5a5; color: #a5a5a5;
} }
.search-form {
display: flex;
align-items: baseline;
}
/* **************** */ /* **************** */

View file

@ -203,6 +203,7 @@
line-height: initial; line-height: initial;
height: initial; height: initial;
width: auto; width: auto;
padding: 0 var(--text-margin);
} }
.umap-caption-bar-enabled { .umap-caption-bar-enabled {
--current-footer-height: var(--footer-height); --current-footer-height: var(--footer-height);

View file

@ -61,10 +61,7 @@ textarea {
select { select {
border: 1px solid #222; border: 1px solid #222;
width: 100%; width: 100%;
height: 28px; padding: var(--button-padding);
line-height: 28px;
margin-top: 5px;
margin-bottom: var(--box-margin);
} }
.dark select { .dark select {
color: #efefef; color: #efefef;

View file

@ -4,7 +4,7 @@
{% trans "Search maps" as default_placeholder %} {% trans "Search maps" as default_placeholder %}
<div class="wrapper search_wrapper"> <div class="wrapper search_wrapper">
<div class="row"> <div class="row">
<form action="{% firstof action search_url %}" method="get"> <form class="search-form" action="{% firstof action search_url %}" method="get">
<div class="col half mwide"> <div class="col half mwide">
<input name="q" <input name="q"
type="search" type="search"