From d1e5e34e30694eaf4797b387a791c90582b681ac Mon Sep 17 00:00:00 2001 From: Artem Tanyhin Date: Sat, 22 Oct 2022 20:34:37 -0400 Subject: [PATCH] fix: ksql request input overflow --- .../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 a8fa1cf7afa..3fc59fcecf4 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; }