Merge pull request #158 from epwinchell/toolbar_view_fix

View button responsiveness fix

src/toolbar/ToolbarView.jsx

@@ -5,25 +5,27 @@ import { adjustColor } from './utility';
 const classNames = require('classnames');
 
 export const ToolbarView = ({ views, onClick }) => (
-  <div className="toolbar-pf-view-selector pull-right form-group">
-    {views.map(view => (
-      <button
-        key={view.id}
-        id={view.id}
-        name={view.name}
-        title={view.title}
-        className={classNames('btn btn-link', { active: view.selected })}
-        data-url={view.url}
-        data-url_parms={view.url_parms}
-        data-send_checked={view.send_checked ? 'true' : ''}
-        data-prompt={view.prompt}
-        data-popup={view.popup}
-        onClick={() => onClick(view)}
-      >
-        <i className={view.icon} style={{ color: adjustColor(view.color, view.enabled) }} />
-      </button>
-      ))
-    }
+  <div className="toolbar-pf-action-right">
+    <div className="form-group toolbar-pf-view-selector">
+      {views.map(view => (
+        <button
+          key={view.id}
+          id={view.id}
+          name={view.name}
+          title={view.title}
+          className={classNames('btn btn-link', { active: view.selected })}
+          data-url={view.url}
+          data-url_parms={view.url_parms}
+          data-send_checked={view.send_checked ? 'true' : ''}
+          data-prompt={view.prompt}
+          data-popup={view.popup}
+          onClick={() => onClick(view)}
+        >
+          <i className={view.icon} style={{ color: adjustColor(view.color, view.enabled) }} />
+        </button>
+        ))
+      }
+    </div>
   </div>
 );