From a12380100e061b55c6e4636e2899da0da38006b7 Mon Sep 17 00:00:00 2001 From: Artem Tanyhin <71770433+devils2ndself@users.noreply.github.com> Date: Tue, 25 Oct 2022 15:41:09 -0400 Subject: [PATCH] [UI] Fix ksql panes overlap (#2804) Co-authored-by: Roman Zabaluev --- .../components/KsqlDb/Query/QueryForm/QueryForm.styled.ts | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/kafka-ui-react-app/src/components/KsqlDb/Query/QueryForm/QueryForm.styled.ts b/kafka-ui-react-app/src/components/KsqlDb/Query/QueryForm/QueryForm.styled.ts index a8fa1cf7af..3fc59fcecf 100644 --- a/kafka-ui-react-app/src/components/KsqlDb/Query/QueryForm/QueryForm.styled.ts +++ b/kafka-ui-react-app/src/components/KsqlDb/Query/QueryForm/QueryForm.styled.ts @@ -34,17 +34,22 @@ export const StreamPropertiesContainer = styled.label` `; export const InputsContainer = styled.div` + overflow: hidden; + width: 100%; display: flex; justify-content: center; gap: 10px; `; export const StreamPropertiesInputWrapper = styled.div` + & { + width: 100%; + } & > input { + width: 100%; height: 40px; border: 1px solid grey; border-radius: 4px; - min-width: 300px; font-size: 16px; padding-left: 15px; }