EuiHealth responsive fix (#530)

* fix euihealth responsive
elastic · Mar 16, 2018 · e0432ba · e0432ba
1 parent 38ab7ca
commit e0432ba
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -9,6 +9,7 @@ No public interface changes since `0.0.29`.
 
 **Bug fixes**
 
+- `EuiHealth` no longer stacks flex items on small screens ([#530](https://github.com/elastic/eui/pull/530))
 - Fix `EuiPageContent` centering within `EuiPage` issue ([#527](https://github.com/elastic/eui/pull/527))
 - `EuiConfirmModal` will now correctly auto-focus on its confirm and cancel buttons (#529[](https://github.com/elastic/eui/pull/529))
 

diff --git a/src/components/health/__snapshots__/health.test.js.snap b/src/components/health/__snapshots__/health.test.js.snap
@@ -7,7 +7,7 @@ exports[`EuiHealth is rendered 1`] = `
   data-test-subj="test subject string"
 >
   <div
-    class="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--responsive"
+    class="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter"
   >
     <div
       class="euiFlexItem euiFlexItem--flexGrowZero"

diff --git a/src/components/health/health.js b/src/components/health/health.js
@@ -24,7 +24,11 @@ export const EuiHealth = ({
       className={classes}
       {...rest}
     >
-      <EuiFlexGroup gutterSize="xs" alignItems="center">
+      <EuiFlexGroup
+        gutterSize="xs"
+        alignItems="center"
+        responsive={false}
+      >
         <EuiFlexItem grow={false}>
           <EuiIcon type="dot" color={color} />
         </EuiFlexItem>