From 08f3bb78c481deee9b4fe1507860620167ae3872 Mon Sep 17 00:00:00 2001
From: Eelco Dolstra <eelco.dolstra@logicblox.com>
Date: Tue, 9 Jul 2013 12:05:25 +0200
Subject: [PATCH] Use the alert class for flash messages

---
 src/root/layout.tt | 27 ++++++++++++---------------
 1 file changed, 12 insertions(+), 15 deletions(-)

diff --git a/src/root/layout.tt b/src/root/layout.tt
index 66da558d..7030447b 100644
--- a/src/root/layout.tt
+++ b/src/root/layout.tt
@@ -68,21 +68,6 @@
 
     <div class="container">
 
-      [% IF flashMsg %]
-        <br />
-        <p class="btn-info btn-large">[% flashMsg %]</p>
-      [% END %]
-
-      [% IF successMsg %]
-        <br />
-        <p class="btn-success btn-large">[% successMsg %]</p>
-      [% END %]
-
-      [% IF errorMsg %]
-        <br />
-        <p class="btn-warning btn-large">Error: [% errorMsg %]</p>
-      [% END %]
-
       [% IF !hideHeader %]
         <div class="page-header">
           <h1><small>[% HTML.escape(title) %]</small></h1>
@@ -91,6 +76,18 @@
         <br />
       [% END %]
 
+      [% IF flashMsg %]
+        <div class="alert alert-info">[% flashMsg %]</div>
+      [% END %]
+
+      [% IF successMsg %]
+        <div class="alert alert-success">[% successMsg %]</div>
+      [% END %]
+
+      [% IF errorMsg %]
+        <div class="alert alert-error">Error: [% errorMsg %]</div>
+      [% END %]
+
       [% content %]
 
       <footer class="navbar">