From 6ad8b5a0df526aa1cec34e664918db9c919d5b5e Mon Sep 17 00:00:00 2001
From: Lennart Koopmann <lennart@graylog.com>
Date: Fri, 6 Oct 2017 21:25:11 -0500
Subject: [PATCH] Unify action components of all field analyzers

This commit is a part of Graylog2/graylog2-server#4219, where the other field analyzer widgets were adressed.

This change unifies the action components (buttons and dropdowns) of all field analyzer widgets we ship. Those components are found in the top right corner of each widget.

* The "Dismiss Widget" button is now always a close icon and on the far right of all actions. Before it was sometimes directly accessible and sometimes hidden behind a "Customize" drop-down. The change to a close _icon_ makes it stand out more and also saves real-estate. A margin to the left helps identifying it quickly and avoids accidental pressing of it.
* The "Add to dashboard" button has the same and less intrusive button across all widgets now.
* The new Quick Values configuration dialog is accessible directly without going through the "Customize" drop-down. In fact, the "Customize" drop-down only had "Customize" as a menu item after "Dismiss" was moved to the new close widget icon.
---
 src/web/components/FieldAnalyzerMapComponent.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/web/components/FieldAnalyzerMapComponent.jsx b/src/web/components/FieldAnalyzerMapComponent.jsx
index 62fb8de..9bf6baf 100644
--- a/src/web/components/FieldAnalyzerMapComponent.jsx
+++ b/src/web/components/FieldAnalyzerMapComponent.jsx
@@ -123,10 +123,10 @@ const FieldAnalyzerMapComponent = React.createClass({
             <AddToDashboardMenu title="Add to dashboard"
                                 widgetType={this.WIDGET_TYPE}
                                 configuration={{field: this.state.field}}
-                                bsStyle="default"
                                 pullRight
                                 permissions={this.props.permissions}>
-              <Button bsSize="small" onClick={() => this._resetStatus()}>Dismiss</Button>
+
+              <Button bsSize="small" className="field-analyzer-close" onClick={() => this._resetStatus()}><i className="fa fa-close" /></Button>
             </AddToDashboardMenu>
           </div>
           <h1>Map for field: {this.state.field}</h1>