From 9959f88b2b5f6f0da288eceedc0c94ac5f539edc Mon Sep 17 00:00:00 2001
From: Jarod Reyes <jarodreyes@gmail.com>
Date: Fri, 31 Jul 2015 09:11:39 -0700
Subject: [PATCH] Flash messages were being hidden. Needed to move up the DOM.

---
 app/assets/stylesheets/scaffolds.scss  | 7 +++++++
 app/views/layouts/application.html.erb | 2 +-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/scaffolds.scss b/app/assets/stylesheets/scaffolds.scss
index e07a18a..f21d5d4 100644
--- a/app/assets/stylesheets/scaffolds.scss
+++ b/app/assets/stylesheets/scaffolds.scss
@@ -43,6 +43,13 @@ div {
   background-color: red;
   display: table;
 }
+.flash-above {
+  position: absolute;
+  width:100%;
+  z-index: 1010;
+  padding: 20px;
+  top: 80px;
+}
 
 #error_explanation {
   width: 450px;
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index ebe6636..4681a7d 100755
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -30,7 +30,7 @@
 
   <%= yield :hero %>
   <section id="main" class="push-nav">
-    <%= flash_messages %>
+    <div class="flash-above"><%= flash_messages %></div>
     <%= yield %>
   </section>