From c98a55062f3187196bc507482039720ad2aec1eb Mon Sep 17 00:00:00 2001
From: Alex P <thealexpaxton@gmail.com>
Date: Wed, 14 Jun 2017 17:35:33 -0700
Subject: [PATCH] Style "no associated kapacitor" error

---
 ui/src/shared/components/NoKapacitorError.js | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/ui/src/shared/components/NoKapacitorError.js b/ui/src/shared/components/NoKapacitorError.js
index 575c54bc38..84290e8ae4 100644
--- a/ui/src/shared/components/NoKapacitorError.js
+++ b/ui/src/shared/components/NoKapacitorError.js
@@ -11,12 +11,14 @@ const NoKapacitorError = React.createClass({
   render() {
     const path = `/sources/${this.props.source.id}/kapacitors/new`
     return (
-      <div>
+      <div className="graph-empty">
         <p>
-          The current source does not have an associated Kapacitor instance,
-          please configure one.
+          The current source does not have an associated Kapacitor instance
+          <br /><br />
+          <Link to={path} className="btn btn-sm btn-primary">
+            Configure Kapacitor
+          </Link>
         </p>
-        <Link to={path}>Add Kapacitor</Link>
       </div>
     )
   },