Merge pull request #1436 from RedisInsight/bugfix/RI-3822/3742/3788_regression_bugs

Bugfix/RI-3815 update styles

Author: AmirAllayarovSofteq

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

@@ -44,13 +44,8 @@ $marginIcon: 12px;
   min-width: calc(100% - 490px);
 
   @media (min-width: $breakpoint-m) {
-    width: calc(100% - 582px);
-    min-width: calc(100% - 582px);
-  }
-
-  @media (min-width: $breakpoint-l) {
-    width: calc(100% - 633px);
-    min-width: calc(100% - 633px);
+    width: calc(100% - 627px);
+    min-width: calc(100% - 627px);
   }
 }
 
@@ -149,7 +144,7 @@ $marginIcon: 12px;
   min-width: 13px;
   width: 13px;
 
-  @media (min-width: $breakpoint-l) {
+  @media (min-width: $breakpoint-m) {
     min-width: 58px;
     width: 58px;
   }
@@ -158,7 +153,7 @@ $marginIcon: 12px;
 .executionTimeValue {
   display: none;
 
-  @media (min-width: $breakpoint-l) {
+  @media (min-width: $breakpoint-m) {
     display: initial;
     overflow: hidden;
     text-overflow: ellipsis;

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

@@ -8,10 +8,7 @@ $breakpoint-m: 1050px;
 .containerWrapper {
   min-width: 560px;
   @media (min-width: $breakpoint-m) {
-    min-width: 650px;
-  }
-  @media (min-width: $breakpoint-l) {
-    min-width: 720px;
+    min-width: 700px;
   }
   &:nth-of-type(even) {
     background-color: var(--euiColorEmptyShade) !important;