RI-6248 fixed pub-sub styling

Author: kchepikava

redisinsight/ui/src/pages/pub-sub/components/messages-list/MessagesList/MessagesList.tsx

@@ -130,7 +130,7 @@ const MessagesList = (props: Props) => {
             <div className={styles.channelAnchor}>{channel}</div>
           </EuiToolTip>
         </div>
-        <div className={styles.message} ref={rowRef}>{message}</div>
+        <div className={styles.message} ref={rowRef}><span>{message}</span></div>
       </div>
     )
   }

redisinsight/ui/src/pages/pub-sub/components/messages-list/MessagesList/styles.module.scss

@@ -12,12 +12,12 @@
 .time {
   color: var(--defaultGreenColor);
   width: 150px;
+  padding-right: 4px;
 }
 
 .channel {
   color: var(--euiColorMediumShade);
   width: 220px;
-  max-height: 26px;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
@@ -29,12 +29,19 @@
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
+  display: inline-block;
+  vertical-align: middle;
 }
 
 .message {
   width: calc(100% - 372px);
   color: var(--htmlColor);
   word-break: break-word;
+
+  span {
+    display: inline-block;
+    vertical-align: middle;
+  }
 }
 
 .header {