[ML] add flex with wrap to the type column

elastic · Feb 22, 2021 · 728df29 · 728df29
1 parent b5204a4
commit 728df29
Showing 1 changed file with 9 additions and 6 deletions.
diff --git a/...a_frame_analytics/pages/analytics_management/components/models_management/models_list.tsx b/...a_frame_analytics/pages/analytics_management/components/models_management/models_list.tsx
@@ -451,12 +451,15 @@ export const ModelsList: FC = () => {
       }),
       sortable: true,
       align: 'left',
-      render: (types: string[]) =>
-        types.map((type) => (
-          <EuiBadge key={type} color="hollow">
-            {type}
-          </EuiBadge>
-        )),
+      render: (types: string[]) => (
+        <EuiFlexGroup gutterSize={'xs'} wrap>
+          {types.map((type) => (
+            <EuiFlexItem key={type} grow={false}>
+              <EuiBadge color="hollow">{type}</EuiBadge>
+            </EuiFlexItem>
+          ))}
+        </EuiFlexGroup>
+      ),
     },
     {
       field: ModelsTableToConfigMapping.createdAt,