From 45bf39643abfd7da16d0b1b5e8b7ca36556e6589 Mon Sep 17 00:00:00 2001
From: WangQianliang <wangqianliang@live.com>
Date: Thu, 14 Mar 2019 15:08:42 +0800
Subject: [PATCH] fix(code): symbol tree style (#33224)

---
 .../__snapshots__/symbol_tree.test.tsx.snap    | 18 +++++++++---------
 .../symbol_tree/code_symbol_tree.tsx           |  2 ++
 2 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/x-pack/plugins/code/public/components/symbol_tree/__test__/__snapshots__/symbol_tree.test.tsx.snap b/x-pack/plugins/code/public/components/symbol_tree/__test__/__snapshots__/symbol_tree.test.tsx.snap
index 941f3f96a3c32..bb5e0986ed18d 100644
--- a/x-pack/plugins/code/public/components/symbol_tree/__test__/__snapshots__/symbol_tree.test.tsx.snap
+++ b/x-pack/plugins/code/public/components/symbol_tree/__test__/__snapshots__/symbol_tree.test.tsx.snap
@@ -81,7 +81,7 @@ exports[`render symbol tree correctly 1`] = `
               className="euiFlexGroup euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
             >
               <div
-                className="sc-bwzfXH eSZWNW"
+                className="sc-bwzfXH jYPrbO"
               >
                 <svg
                   className="euiIcon euiIcon--small euiIcon--subdued codeStructureTree--icon"
@@ -154,7 +154,7 @@ exports[`render symbol tree correctly 1`] = `
                   className="euiFlexGroup euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
                 >
                   <div
-                    className="sc-bwzfXH havHSm"
+                    className="sc-bwzfXH jYpsNE"
                   >
                     <div
                       className="euiFlexItem euiFlexItem--flexGrow1"
@@ -204,7 +204,7 @@ exports[`render symbol tree correctly 1`] = `
                   className="euiFlexGroup euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
                 >
                   <div
-                    className="sc-bwzfXH havHSm"
+                    className="sc-bwzfXH jYpsNE"
                   >
                     <div
                       className="euiFlexItem euiFlexItem--flexGrow1"
@@ -254,7 +254,7 @@ exports[`render symbol tree correctly 1`] = `
                   className="euiFlexGroup euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
                 >
                   <div
-                    className="sc-bwzfXH eSZWNW"
+                    className="sc-bwzfXH jYPrbO"
                   >
                     <svg
                       className="euiIcon euiIcon--small euiIcon--subdued codeStructureTree--icon"
@@ -328,7 +328,7 @@ exports[`render symbol tree correctly 1`] = `
                       className="euiFlexGroup euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
                     >
                       <div
-                        className="sc-bwzfXH havHSm"
+                        className="sc-bwzfXH jYpsNE"
                       >
                         <div
                           className="euiFlexItem euiFlexItem--flexGrow1"
@@ -378,7 +378,7 @@ exports[`render symbol tree correctly 1`] = `
                       className="euiFlexGroup euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
                     >
                       <div
-                        className="sc-bwzfXH havHSm"
+                        className="sc-bwzfXH jYpsNE"
                       >
                         <div
                           className="euiFlexItem euiFlexItem--flexGrow1"
@@ -428,7 +428,7 @@ exports[`render symbol tree correctly 1`] = `
                       className="euiFlexGroup euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
                     >
                       <div
-                        className="sc-bwzfXH havHSm"
+                        className="sc-bwzfXH jYpsNE"
                       >
                         <div
                           className="euiFlexItem euiFlexItem--flexGrow1"
@@ -478,7 +478,7 @@ exports[`render symbol tree correctly 1`] = `
                       className="euiFlexGroup euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
                     >
                       <div
-                        className="sc-bwzfXH eSZWNW"
+                        className="sc-bwzfXH jYPrbO"
                       >
                         <svg
                           className="euiIcon euiIcon--small euiIcon--subdued codeStructureTree--icon"
@@ -552,7 +552,7 @@ exports[`render symbol tree correctly 1`] = `
                           className="euiFlexGroup euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
                         >
                           <div
-                            className="sc-bwzfXH havHSm"
+                            className="sc-bwzfXH jYpsNE"
                           >
                             <div
                               className="euiFlexItem euiFlexItem--flexGrow1"
diff --git a/x-pack/plugins/code/public/components/symbol_tree/code_symbol_tree.tsx b/x-pack/plugins/code/public/components/symbol_tree/code_symbol_tree.tsx
index 7e28bdf8dcc93..48e29cc8173d5 100644
--- a/x-pack/plugins/code/public/components/symbol_tree/code_symbol_tree.tsx
+++ b/x-pack/plugins/code/public/components/symbol_tree/code_symbol_tree.tsx
@@ -25,6 +25,8 @@ const Root = styled.div`
 const Symbol = styled.div<{ isContainer: boolean }>`
   cursor: pointer;
   display: flex;
+  flex-grow: 0;
+  flex-shrink: 0;
   align-items: center;
   height: 1.5rem;
   margin-left: ${props => (props.isContainer ? '0.75rem' : '2rem')};