Make bottom bar smaller.

kertal · Feb 10, 2020 · 3165960 · 3165960
1 parent b7b12df
commit 3165960
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/x-pack/legacy/plugins/painless_playground/public/components/main_controls.tsx b/x-pack/legacy/plugins/painless_playground/public/components/main_controls.tsx
@@ -87,7 +87,7 @@ export function MainControls({
     <>
       <div className="painlessPlaygroundBottomBarPlaceholder" />
 
-      <EuiBottomBar>
+      <EuiBottomBar paddingSize="none">
         <EuiFlexGroup gutterSize="s" justifyContent="spaceBetween">
           <EuiFlexItem grow={false}>
             <EuiFlexGroup gutterSize="s" justifyContent="flexStart">
@@ -96,6 +96,7 @@ export function MainControls({
                   id="painlessPlaygroundHelpContextMenu"
                   button={
                     <EuiButtonEmpty
+                      size="s"
                       iconType="help"
                       iconSide="left"
                       color="ghost"
@@ -119,6 +120,7 @@ export function MainControls({
           </EuiFlexItem>
           <EuiFlexItem grow={false}>
             <EuiButtonEmpty
+              size="s"
               color="ghost"
               onClick={toggleRequestFlyout}
               data-test-subj="btnViewRequest"

diff --git a/x-pack/legacy/plugins/painless_playground/public/index.scss b/x-pack/legacy/plugins/painless_playground/public/index.scss
@@ -6,7 +6,7 @@
  *    behind the bottom bar.
  */
 .painlessPlaygroundBottomBarPlaceholder {
-  height: $euiSize * 4.5; /* [1] */
+  height: $euiSize * 2; /* [1] */
 }
 
 .painlessPlaygroundRightPane {