From 9028d4899f146d1e2086738697e41e4e4ecc2150 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Torkel=20=C3=96degaard?= <torkel@grafana.org>
Date: Thu, 18 Aug 2016 10:07:31 +0200
Subject: [PATCH] feat(alerting): alert list fixes

---
 public/app/features/alerting/alert_list_ctrl.ts        | 1 +
 public/app/features/alerting/partials/alert_howto.html | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/public/app/features/alerting/alert_list_ctrl.ts b/public/app/features/alerting/alert_list_ctrl.ts
index 64b0950a90c..b1ae2730fbb 100644
--- a/public/app/features/alerting/alert_list_ctrl.ts
+++ b/public/app/features/alerting/alert_list_ctrl.ts
@@ -47,6 +47,7 @@ export class AlertListCtrl {
   openHowTo() {
     appEvents.emit('show-modal', {
       src: 'public/app/features/alerting/partials/alert_howto.html',
+      modalClass: 'confirm-modal',
       model: {}
     });
   }
diff --git a/public/app/features/alerting/partials/alert_howto.html b/public/app/features/alerting/partials/alert_howto.html
index 62036e77b64..579d150ab43 100644
--- a/public/app/features/alerting/partials/alert_howto.html
+++ b/public/app/features/alerting/partials/alert_howto.html
@@ -2,7 +2,7 @@
 	<div class="modal-header">
 		<h2 class="modal-header-title">
 			<i class="fa fa-info-circle"></i>
-			<span class="p-l-1">How to add an alert</span>
+			<span class="p-l-1">Adding an Alert</span>
 		</h2>
 
 		<a class="modal-header-close" ng-click="dismiss();">
@@ -12,7 +12,7 @@
 
 
 	<div class="modal-content">
-		<p class="p-a-2 text-center offset-lg-2 col-lg-8">
+		<p class="p-a-2 text-center offset-lg-1 col-lg-10">
 			Alerts are added and configured in the <strong>Alert Tab</strong> of any dashboard
 			graph panel, letting you build and visualize an alert using existing queries.
 			<br> <br>