I'd like to give it a try! Could I get assigned to this task please? Sure, please. On 22 Oct 2022, at 08:59, Artem Tanyhin ***@***.***> wrote:﻿
I'd like to give it a try! Could I get assigned to this task please?

—Reply to this email directly, view it on GitHub, or unsubscribe.You are receiving this because you are subscribed to this thread.Message ID: ***@***.***>
KSQL: "Execute KSQL Request" Stream properties overlayed by KSQL query window

**Describe the bug**
Layout of the KSQL query window is broken and Stream properties input left border is way under the KSQL query window.

**Set up**
[0939d61](https://github.com/provectus/kafka-ui/commit/0939d61)

**Steps to Reproduce**
1. Open the KSQL tab.
2. Push the "Execute KSQL Request" button
**Actual behavior**
All the stream properties edit fields are under the query window (all the additional ones are as well)
https://user-images.githubusercontent.com/112083452/195013920-933b7580-5f80-4d2c-afab-84ae089d6324.mov


**Expected behavior**
Normal window layout for every field. Including all the additional stream properties.

**Additional context**
Additional stream properties are also under the query window.
kafka-ui-react-app/src/components/KsqlDb/Query/QueryForm/QueryForm.styled.ts
kafka-ui-react-app/src/components/KsqlDb/Query/QueryForm/QueryForm.styled.ts
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;
   }
