add max-width to flex item

elastic · Feb 22, 2018 · 33ac27d · 33ac27d
1 parent 0d156c4
commit 33ac27d
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 1 deletion.
diff --git a/src/core_plugins/kibana/public/home/components/__snapshots__/recently_accessed.test.js.snap b/src/core_plugins/kibana/public/home/components/__snapshots__/recently_accessed.test.js.snap
@@ -27,6 +27,7 @@ exports[`render 1`] = `
     wrap={false}
   >
     <EuiFlexItem
+      className="recentlyAccessedFlexItem"
       component="div"
       grow={false}
     >

diff --git a/src/core_plugins/kibana/public/home/components/recently_accessed.js b/src/core_plugins/kibana/public/home/components/recently_accessed.js
@@ -179,7 +179,7 @@ export class RecentlyAccessed extends React.Component {
         <EuiSpacer size="s"/>
 
         <EuiFlexGroup justifyContent="spaceBetween" alignItems="flexEnd">
-          <EuiFlexItem grow={false}>
+          <EuiFlexItem grow={false} className="recentlyAccessedFlexItem">
             <EuiFlexGroup>
               {this.renderRecentlyAccessed()}
             </EuiFlexGroup>

diff --git a/src/core_plugins/kibana/public/home/components/recently_accessed.less b/src/core_plugins/kibana/public/home/components/recently_accessed.less
@@ -16,6 +16,10 @@
   line-height: normal;
 }
 
+.recentlyAccessedFlexItem {
+  max-width: 1000px;
+}
+
 .recentlyAccessedDropwdownLink {
   white-space: nowrap;
   height: 18px;