Remove responsive stacking from tabs with icons in them.

elastic · Mar 20, 2020 · e03801b · e03801b
1 parent 5533a7e
commit e03801b
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/x-pack/plugins/painless_lab/public/application/components/output_pane/output_pane.tsx b/x-pack/plugins/painless_lab/public/application/components/output_pane/output_pane.tsx
@@ -27,7 +27,7 @@ interface Props {
 
 export const OutputPane: FunctionComponent<Props> = ({ isLoading, response }) => {
   const outputTabLabel = (
-    <EuiFlexGroup gutterSize="s" alignItems="center">
+    <EuiFlexGroup gutterSize="s" alignItems="center" responsive={false}>
       <EuiFlexItem grow={false}>
         {isLoading ? (
           <EuiLoadingSpinner size="m" />

diff --git a/x-pack/plugins/painless_lab/public/plugin.tsx b/x-pack/plugins/painless_lab/public/plugin.tsx
@@ -44,7 +44,7 @@ export class PainlessLabUIPlugin implements Plugin<void, void, PluginDependencie
       id: 'painless_lab',
       order: 7,
       title: (
-        <EuiFlexGroup gutterSize="s" alignItems="center">
+        <EuiFlexGroup gutterSize="s" alignItems="center" responsive={false}>
           <EuiFlexItem grow={false}>
             {i18n.translate('xpack.painlessLab.displayName', {
               defaultMessage: 'Painless Lab',