fix(groups): do not indent groups with one element inside (#1958)

* Do not indent groups with one element inside * Update composite.tsx
nurikk · Nov 3, 2024 · 999c42e · 999c42e
1 parent 78702fc
commit 999c42e
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/components/features/composite/composite.tsx b/src/components/features/composite/composite.tsx
@@ -110,10 +110,12 @@ class Composite extends Component<CompositeProps & WithTranslation<'composite'>,
             }
             for (const epName in groupedFeatures) {
                 const featuresGroup = groupedFeatures[epName];
+                // do not indent groups with one element inside
+                const noNeedIndent = featuresGroup.length == 1;
                 result.push(
                     <div key={epName}>
                         {showEndpointLabels ? `Endpoint: ${epName}` : null}
-                        <div className="ps-4">
+                        <div className={noNeedIndent ? '' : 'ps-4'}>
                             {featuresGroup.map((f) => (
                                 <Feature
                                     key={f.name + f.endpoint}