fixed titles on lab and node related

src/components/node/NodeRelated/index.tsx

@@ -3,6 +3,7 @@ import styles from './styles.module.scss';
 import { Group } from '~/components/containers/Group';
 import { INode } from '~/redux/types';
 import { NodeRelatedItem } from '~/components/node/NodeRelatedItem';
+import { SubTitle } from '~/components/common/SubTitle';
 
 interface IProps {
   title: ReactElement | string;
@@ -12,9 +13,7 @@ interface IProps {
 const NodeRelated: FC<IProps> = ({ title, items }) => {
   return (
     <Group className={styles.wrap}>
-      <div className={styles.title}>
-        <div className={styles.text}>{title}</div>
-      </div>
+      <SubTitle className={styles.title}>{title}</SubTitle>
 
       <div className={styles.grid}>
         {items.map(item => (

src/components/node/NodeRelated/styles.module.scss

@@ -21,7 +21,7 @@
 }
 
 .title {
-  @include title_with_line();
+  padding-left: 5px;
 
   a {
     text-decoration: none;

src/containers/lab/LabStats/index.tsx

@@ -16,6 +16,7 @@ import {
 import { LabTags } from '~/components/lab/LabTags';
 import { LabHeroes } from '~/components/lab/LabHeroes';
 import { FlowRecentItem } from '~/components/flow/FlowRecentItem';
+import { SubTitle } from '~/components/common/SubTitle';
 
 interface IProps {}
 
@@ -31,10 +32,10 @@ const LabStats: FC<IProps> = () => {
 
       <div className={styles.card}>
         <Group>
-          {isLoading ? (
-            <Placeholder height={14} width="100px" />
-          ) : (
-            tags.length && <div className={styles.title}>Тэги</div>
+          {(!!tags.length || isLoading) && (
+            <SubTitle isLoading={isLoading} className={styles.title}>
+              Тэги
+            </SubTitle>
           )}
 
           <div className={styles.tags}>
@@ -56,10 +57,10 @@ const LabStats: FC<IProps> = () => {
             </>
           )}
 
-          {isLoading ? (
-            <Placeholder height={14} width="100px" />
-          ) : (
-            heroes.length > 0 && <div className={styles.title}>Важные</div>
+          {(!!heroes.length || isLoading) && (
+            <SubTitle isLoading={isLoading} className={styles.title}>
+              Важные
+            </SubTitle>
           )}
 
           <div className={styles.heroes}>

src/containers/lab/LabStats/styles.module.scss

@@ -1,10 +1,7 @@
 @import "~/styles/variables.scss";
 
 .title {
-  font: $font_14_semibold;
-  color: darken(white, 50%);
-  text-transform: uppercase;
-  padding: 0 $gap / 2;
+  padding-bottom: $gap;
 }
 
 .tags.tags {
@@ -26,3 +23,4 @@
 .updates {
   padding: 0 $gap / 4 $gap * 2;
 }
+