#RI-5473 - fix header

Author: rsergeenko

redisinsight/ui/src/components/query-card/QueryCardHeader/QueryCardHeader.tsx

@@ -308,7 +308,7 @@ const QueryCardHeader = (props: Props) => {
             />
           </div>
         </EuiFlexItem>
-        <EuiFlexItem grow={false}>
+        <EuiFlexItem className={styles.controls} grow={false}>
           <EuiFlexGroup alignItems="center" gutterSize="m" responsive={false}>
             <EuiFlexItem className={cx(styles.time)} data-testid="command-execution-date-time">
               {!!createdAt && (

redisinsight/ui/src/components/query-card/QueryCardHeader/styles.module.scss

@@ -184,6 +184,14 @@ $marginIcon: 12px;
   }
 }
 
+.titleWrapper {
+  overflow: hidden;
+}
+
+.controls {
+  flex-shrink: 0;
+}
+
 .iconDropdownOption {
   width: 20px !important;
   height: 20px !important;
@@ -218,7 +226,7 @@ $marginIcon: 12px;
   padding-right: 0;
 
   & ~ div {
-    right: 4px;
+    right: 0px;
     svg {
       width: 10px !important;
       height: 10px !important;

redisinsight/ui/src/pages/browser/components/redisearch-key-list/styles.module.scss

@@ -65,9 +65,11 @@
 }
 
 @include insights-open {
-  .container,
-  :global(.euiFormControlLayout__childrenWrapper) {
+  .container {
     width: 154px !important;
+    :global(.euiFormControlLayout__childrenWrapper) {
+      width: 154px !important;
+    }
   }
 }