fix(ExtendedFeatures): label position fixed (#175)

niktverd · Nikolay Tverdokhlebov · web-flow · commit fb8d206ad237 · 2023-03-21T15:00:25.000+06:00
Co-authored-by: Nikolay Tverdokhlebov &lt;niktverd@qavm-550fda41.qemu&gt;
diff --git a/src/blocks/ExtendedFeatures/ExtendedFeatures.scss b/src/blocks/ExtendedFeatures/ExtendedFeatures.scss
@@ -25,7 +25,7 @@ $block: '.#{$ns}ExtendedFeaturesBlock';
         &-title {
             @include heading4();
 
-            display: flex;
+            display: block;
             position: relative;
             margin-bottom: $indentXXXS;
 
@@ -38,14 +38,14 @@ $block: '.#{$ns}ExtendedFeaturesBlock';
             @include text-size(caption-2);
 
             position: relative;
-            top: 5px;
+            top: -3px;
             height: 16px;
             margin-left: 8px;
-            padding: 0 5px;
+            padding: 1.5px 5px 2px;
 
             color: var(--yc-color-base-background);
             background-color: var(--yc-my-color-brand-normal);
-            border-radius: 3px;
+            border-radius: 4px;
         }
 
         &-text,
diff --git a/src/blocks/ExtendedFeatures/ExtendedFeatures.tsx b/src/blocks/ExtendedFeatures/ExtendedFeatures.tsx
@@ -61,7 +61,7 @@ export const ExtendedFeaturesBlock = ({
                                             <h5 className={b('item-title')}>
                                                 <HTML>{itemTitle}</HTML>
                                                 {label && (
-                                                    <div className={b('item-label')}>{label}</div>
+                                                    <span className={b('item-label')}>{label}</span>
                                                 )}
                                             </h5>
                                         )}
