[ML] Fix alignment of values in data frame analytics results view bad…

…ges (#86621)
elastic · Dec 22, 2020 · 39af596 · 39af596
1 parent a79e8a3
commit 39af596
Showing 1 changed file with 12 additions and 4 deletions.
diff --git a/...nalytics/pages/analytics_exploration/components/expandable_section/expandable_section.tsx b/...nalytics/pages/analytics_exploration/components/expandable_section/expandable_section.tsx
@@ -97,10 +97,18 @@ export const ExpandableSection: FC<ExpandableSectionProps> = ({
               >
                 {label !== undefined && value !== undefined && (
                   <>
-                    <EuiText size="xs" color="subdued">
-                      <p>{label}</p>
-                    </EuiText>
-                    <EuiBadge>{value}</EuiBadge>
+                    <EuiFlexGroup>
+                      <EuiFlexItem grow={false}>
+                        <EuiText size="xs" color="subdued">
+                          <p>{label}</p>
+                        </EuiText>
+                      </EuiFlexItem>
+                    </EuiFlexGroup>
+                    <EuiFlexGroup>
+                      <EuiFlexItem grow={false}>
+                        <EuiBadge>{value}</EuiBadge>
+                      </EuiFlexItem>
+                    </EuiFlexGroup>
                   </>
                 )}
                 {label === undefined && (