RI-7285 - pub/sub screen subscribe input/row has misalignments

Author: KIvanow

redisinsight/ui/src/pages/pub-sub/components/subscription-panel/SubscriptionPanel.tsx

@@ -102,8 +102,11 @@ const SubscriptionPanel = () => {
       </FlexItem>
       <FlexItem>
         <Row align="center">
+          <FlexItem>
+            <ClickableAppendInfo />
+          </FlexItem>
           <FlexItem className={styles.channels}>
-            <FormField additionalText={<ClickableAppendInfo />}>
+            <FormField>
               <TextInput
                 value={channels}
                 disabled={isSubscribed}

redisinsight/ui/src/pages/pub-sub/components/subscription-panel/components/clickable-append-info/ClickableAppendInfo.tsx

@@ -45,6 +45,7 @@ const ClickableAppendInfo = () => {
         <br />
         Supported glob-style patterns are described&nbsp;
         <Link
+          variant="small-inline"
           target="_blank"
           href={getUtmExternalLink(EXTERNAL_LINKS.pubSub, {
             medium: UTM_MEDIUMS.Main,

redisinsight/ui/src/pages/pub-sub/components/subscription-panel/components/clickable-append-info/styles.module.scss

@@ -1,15 +1,8 @@
 .infoIcon {
-  display: flex !important;
-  align-items: center;
-  justify-content: center;
   width: 34px;
-  color: var(--iconsDefaultColor) !important;
-  background-color: var(--browserTableRowEven) !important;
 }
 
 .popover {
   max-width: 250px !important;
-  background-color: var(--euiTooltipBackgroundColor) !important;
-  color: var(--euiTooltipTitleTextColor) !important;
   border-radius: 4px;
 }