From 63e2337f6cf88430498fa7fcd4dfc0b04d817ed6 Mon Sep 17 00:00:00 2001
From: bergquist <carl.bergquist@gmail.com>
Date: Tue, 1 Nov 2016 08:46:31 +0100
Subject: [PATCH] feat(alerting): change placeholder to info-popover

---
 .../alerting/partials/notification_edit.html         | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/public/app/features/alerting/partials/notification_edit.html b/public/app/features/alerting/partials/notification_edit.html
index 6e7532a3d24..ede9cc247dd 100644
--- a/public/app/features/alerting/partials/notification_edit.html
+++ b/public/app/features/alerting/partials/notification_edit.html
@@ -59,16 +59,20 @@
 
     <div class="gf-form-group" ng-if="ctrl.model.type === 'slack'">
       <h3 class="page-heading">Slack settings</h3>
-      <div class="gf-form">
+      <div class="gf-form max-width-30">
         <span class="gf-form-label width-6">Url</span>
         <input type="text" required class="gf-form-input max-width-30" ng-model="ctrl.model.settings.url" placeholder="Slack incoming webhook url"></input>
       </div>
-      <div class="gf-form">
+      <div class="gf-form max-width-30">
         <span class="gf-form-label width-6">Recipient</span>
-        <input type="text" class="gf-form-input max-width-30"
+        <input type="text"
+          class="gf-form-input max-width-30"
           ng-model="ctrl.model.settings.recipient"
-          placeholder="Override default channel or user, use #channel-name or @username">
+          data-placement="right">
         </input>
+        <info-popover mode="right-absolute">
+          Override default channel or user, use #channel-name or &lt;@username&gt;&lt;/@username&gt;
+        </info-popover>
       </div>
     </div>