From f43ae36985a307baa76d0349a7703aeaa978e691 Mon Sep 17 00:00:00 2001
From: Alex P <thealexpaxton@gmail.com>
Date: Fri, 17 Nov 2017 11:57:23 -0800
Subject: [PATCH] Polish appearance of alert message section

---
 ui/src/kapacitor/components/RuleMessageTemplates.js | 2 +-
 ui/src/style/pages/kapacitor.scss                   | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/ui/src/kapacitor/components/RuleMessageTemplates.js b/ui/src/kapacitor/components/RuleMessageTemplates.js
index d3777e2bab..82807ed16b 100644
--- a/ui/src/kapacitor/components/RuleMessageTemplates.js
+++ b/ui/src/kapacitor/components/RuleMessageTemplates.js
@@ -19,7 +19,7 @@ class RuleMessageTemplates extends Component {
 
   render() {
     return (
-      <div className="rule-section--row rule-section--row-last rule-section--border-top">
+      <div className="rule-section--row rule-section--row-last">
         <p>Templates:</p>
         {_.map(RULE_MESSAGE_TEMPLATES, (template, key) => {
           return (
diff --git a/ui/src/style/pages/kapacitor.scss b/ui/src/style/pages/kapacitor.scss
index 50b403246a..703e7afe4a 100644
--- a/ui/src/style/pages/kapacitor.scss
+++ b/ui/src/style/pages/kapacitor.scss
@@ -309,7 +309,9 @@ $rule-builder--radius-lg: 5px;
 */
 .rule-builder--message {
   background-color: $rule-builder--section-bg;
-  padding: $rule-builder--padding-sm ($rule-builder--padding-lg - 2px);
+  padding: $rule-builder--padding-lg - 2px;
+  padding-bottom: 0;
+  border-radius: $rule-builder--radius-lg $rule-builder--radius-lg 0 0;
 }
 .rule-builder--message textarea {
   height: 100px;