#RI-2454-update profiler styles (#535)

* #RI-2454-update profiler styles

Author: AmirAllayarovSofteq

redisinsight/ui/src/components/monitor/Monitor/styles.module.scss

@@ -22,7 +22,8 @@
   overflow: auto;
 
   :global {
-    .euiFlexGroup, .euiFlexItem {
+    .euiFlexGroup,
+    .euiFlexItem {
       margin: 0px !important;
     }
   }
@@ -105,7 +106,7 @@
     .euiTableRow {
       td:first-child,
       td:last-child {
-         border: none
+        border: none;
       }
 
       &:hover {
@@ -176,8 +177,11 @@
   border-right: 1px solid var(--euiColorLightShade);
 }
 
-
 .scrollDivRef {
   padding-top: 10px;
   margin-left: -12px;
 }
+
+.time {
+  color: var(--monitorTimeColor);
+}

redisinsight/ui/src/components/monitor/MonitorOutputList/MonitorOutputList.tsx

@@ -67,8 +67,11 @@ const MonitorOutputList = (props: Props) => {
           <div onLoad={measure} className={styles.item} ref={registerChild} style={style}>
             {!isError && (
               <>
-                <span>{getFormatTime(time)}</span>
-                <span>{`[${database} ${source}]`}</span>
+                <span className={cx(styles.time)}>
+                  {getFormatTime(time)}
+                  &nbsp;
+                </span>
+                <span>{`[${database} ${source}] `}</span>
                 <span>{getArgs(args)}</span>
               </>
             )}

redisinsight/ui/src/styles/themes/dark_theme/_dark_theme.lazy.scss

@@ -159,4 +159,7 @@
 
   // Workbench
   --wbRunResultsBg: #{$wbRunResultsBg};
+
+  // Profiler
+  --monitorTimeColor: #{$monitorTimeColor};
 }

redisinsight/ui/src/styles/themes/dark_theme/_theme_color.scss

@@ -117,5 +117,8 @@ $rsInputColor: #000;
 $rsInputWrapperColor: #202020;
 $rsSubmitBtn: #1ae26e;
 
-//workbench
+// Workbench
 $wbRunResultsBg: #000;
+
+// Profiler
+$monitorTimeColor: #608b4e;

redisinsight/ui/src/styles/themes/light_theme/_light_theme.lazy.scss

@@ -161,4 +161,7 @@
 
   // Workbench
   --wbRunResultsBg: #{$wbRunResultsBg};
+
+  // Profiler
+  --monitorTimeColor: #{$monitorTimeColor};
 }

redisinsight/ui/src/styles/themes/light_theme/_theme_color.scss

@@ -114,5 +114,8 @@ $rsSubmitBtn: #13a450;
 $rsInputColor: #fff;
 $rsInputWrapperColor: #fff;
 
-//workbench
+// Workbench
 $wbRunResultsBg: #fff;
+
+// Profiler
+$monitorTimeColor: #008000;