fix(ui): updated styling so that telegraf configs maintain their orig…

…inal size when filtering configs (#17168)
influxdata · Mar 12, 2020 · 475be16 · 475be16
1 parent b66e880
commit 475be16
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 3 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -22,6 +22,7 @@
 1. [17097](https://github.com/influxdata/influxdb/pull/17097): Listing all the default variables in the VariableTab of the script editor
 1. [17049](https://github.com/influxdata/influxdb/pull/17049): Fixed bug that was preventing the interval status on the dashboard header from refreshing on selections
 1. [17161](https://github.com/influxdata/influxdb/pull/17161): Update table custom decimal feature for tables to update table onFocus
+1. [17168](https://github.com/influxdata/influxdb/pull/17168): Fixed UI bug that was setting Telegraf config buttons off-center and was resizing config selections when filtering through the data
 
 ## v2.0.0-beta.5 [2020-02-27]
 

diff --git a/ui/src/dataLoaders/components/collectorsWizard/select/StreamingSelector.tsx b/ui/src/dataLoaders/components/collectorsWizard/select/StreamingSelector.tsx
@@ -70,7 +70,7 @@ class StreamingSelector extends PureComponent<Props, State> {
     const {buckets} = this.props
     const {searchTerm} = this.state
 
-    const cardSize = `${100 / (this.filteredBundles.length + 1)}%`
+    const cardSize = `${100 / (PLUGIN_BUNDLE_OPTIONS.length + 1)}%`
 
     return (
       <div className="wizard-step--grid-container">

diff --git a/ui/src/telegrafs/components/Collectors.scss b/ui/src/telegrafs/components/Collectors.scss
@@ -13,8 +13,6 @@
 
 .telegraf-collectors-button-wrap {
   display: flex;
-  padding-left: 8px;
-  width: 334px;
   box-sizing: border-box;
   text-align: right;
   @media screen and (max-width: 680px) {