RI-7345 - Links in tutorials look big (#4865)

Author: Kristiyan Ivanov

redisinsight/ui/src/components/recommendation/content-element/ContentElement.tsx

@@ -80,6 +80,7 @@ const ContentElement = (props: Props) => {
           key={`${telemetryName}-${idx}`}
           data-testid={`link-${telemetryName}-${idx}`}
           target="_blank"
+          variant="small-inline"
           href={getUtmExternalLink(value.href, {
             medium: UTM_MEDIUMS.Recommendation,
             campaign: telemetryName,
@@ -97,6 +98,7 @@ const ContentElement = (props: Props) => {
               key={`${telemetryName}-${idx}`}
               data-testid={`link-sso-${telemetryName}-${idx}`}
               target="_blank"
+              variant="small-inline"
               onClick={(e) => {
                 ssoCloudHandlerClick?.(e, {
                   source: telemetryName as OAuthSocialSource,
@@ -121,6 +123,7 @@ const ContentElement = (props: Props) => {
           key={`${telemetryName}-${idx}`}
           data-testid={`code-link-${telemetryName}-${idx}`}
           target="_blank"
+          variant="small-inline"
           href={getUtmExternalLink(value.href, {
             medium: UTM_MEDIUMS.Recommendation,
             campaign: telemetryName,

redisinsight/ui/src/components/side-panels/panels/ai-assistant/components/chats-wrapper/ChatsWrapper.tsx

@@ -15,6 +15,7 @@ import AssistanceChat from '../assistance-chat'
 import ExpertChat from '../expert-chat'
 
 import styles from './styles.module.scss'
+import sidePanelStyles from 'uiSrc/components/side-panels/styles.module.scss'
 
 interface ChatWithTabs {
   feature: Maybe<FeatureFlagComponent>
@@ -89,7 +90,7 @@ const ChatsWrapper = () => {
       {chats.length > 1 && (
         <Tabs
           tabs={tabs}
-          className={styles.tabs}
+          className={sidePanelStyles.tabs}
           value={activeTab}
           onChange={selectTab}
           data-testid="ai-tabs"

redisinsight/ui/src/components/side-panels/panels/live-time-recommendations/LiveTimeRecommendations.tsx

@@ -194,7 +194,7 @@ const LiveTimeRecommendations = () => {
               className={styles.githubIcon}
               aria-label="redis insight github repository"
               type="GithubIcon"
-              size="s"
+              size="m"
               data-testid="github-repo-icon"
             />
           </a>

redisinsight/ui/src/components/side-panels/styles.module.scss

@@ -119,31 +119,6 @@ $animation-duration: 300ms;
   border-bottom: 1px solid var(--separatorColor);
   align-items: center;
   padding: 0 12px;
-
-  .tab {
-    margin-bottom: -1px;
-
-    :global {
-      .euiTab__content {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-      }
-    }
-
-    .tabTotalUnread {
-      display: inline-block;
-      background-color: var(--euiTextSubduedColor);
-      color: var(--euiColorLightestShade);
-      height: 18px;
-      width: 18px;
-      font-size: 10px;
-      line-height: 17px;
-      font-weight: 500;
-      margin-left: 4px;
-      border-radius: 100%;
-    }
-  }
 }
 
 .assistantHeader {