diff --git a/CHANGELOG.md b/CHANGELOG.md index e1e140df7fa..c1c78f88cde 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,6 +1,8 @@ # [`master`](https://github.com/elastic/eui/tree/master) -No public interface changes since `0.0.7`. +**Bug fixes** + +- Fix button vertical alignment. [(#232)](https://github.com/elastic/eui/pull/232) # [`0.0.7`](https://github.com/elastic/eui/tree/v0.0.7) diff --git a/src/components/button/_index.scss b/src/components/button/_index.scss index 16ba3dad98e..b32af3561e1 100644 --- a/src/components/button/_index.scss +++ b/src/components/button/_index.scss @@ -16,6 +16,7 @@ $euiButtonColorDisabled: tintOrShade($euiTextColor, 70%, 80%); max-width: 100%; overflow: hidden; text-overflow: ellipsis; + vertical-align: middle; &:hover:not(:disabled) { transform: translateY(-1px); @@ -41,6 +42,7 @@ $euiButtonColorDisabled: tintOrShade($euiTextColor, 70%, 80%); @mixin euiButtonContent($isReverse: false) { height: 100%; width: 100%; + vertical-align: middle; @if ($isReverse) { flex-direction: row-reverse;