From 5e5cb43a5fdd0c37f7acd5b5f4ba5f6675fb6b22 Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Tue, 19 Dec 2023 15:00:47 +0100 Subject: fix(components): prevent search form overflow on small devices --- src/components/organisms/forms/search-form/search-form.module.scss | 4 ++++ 1 file changed, 4 insertions(+) (limited to 'src/components/organisms/forms/search-form/search-form.module.scss') diff --git a/src/components/organisms/forms/search-form/search-form.module.scss b/src/components/organisms/forms/search-form/search-form.module.scss index 3edaef6..f6570ce 100644 --- a/src/components/organisms/forms/search-form/search-form.module.scss +++ b/src/components/organisms/forms/search-form/search-form.module.scss @@ -1,6 +1,7 @@ @use "../../../../styles/abstracts/functions" as fun; .input { + flex: 1; border-right: none; } @@ -39,6 +40,7 @@ .form { display: flex; + flex-flow: row nowrap; &--no-label { .btn { @@ -55,6 +57,8 @@ } .field { + min-width: 0; + &:focus-within ~ .btn { background: var(--color-bg); border-color: var(--color-primary); -- cgit v1.2.3