repositioned alert for responsive layout and css positioned it fixed rather that absolute

oscar/static/css/responsive.css

@@ -239,6 +239,13 @@
   .header {
     text-shadow: none;
   }
+  .alert {
+    /*  Position alerts at the bottom of the browser window*/
+  
+    position: static;
+    width: auto;
+    margin-bottom: 0px;
+  }
 }
 @media (max-width: 768px) {
   .container {

oscar/static/css/styles.css

@@ -1633,7 +1633,7 @@ button.btn.small, input[type="submit"].btn.small {
   border-radius: 4px;
   /*  Position alerts at the bottom of the browser window*/
 
-  position: absolute;
+  position: fixed;
   bottom: 0;
   right: 2em;
   width: 200px;

oscar/static/js/oscar/ui.js

@@ -72,8 +72,9 @@ $(document).ready(function()
     $('.typeahead').typeahead();
     
     // This activates the alerts
-    $(".alert").alert('close');
+    $('.alert').alert('.close');
     
+
     
     // This activates elastislide
     $('#carousel').elastislide({

oscar/static/less/bootstrap/alerts.less

@@ -10,7 +10,7 @@
   border: 1px solid @warningBorder;
   .border-radius(4px);
 /*  Position alerts at the bottom of the browser window*/
-  position: absolute;
+  position: fixed;
   bottom: 0;
   right: 2em;
   width: 200px;

oscar/static/less/responsive.less

@@ -287,7 +287,12 @@
   .header {
     text-shadow:none;
   }
-
+  .alert {
+  /*  Position alerts at the bottom of the browser window*/
+    position: static;
+    width: auto;
+    margin-bottom:0px;
+  }
 }
 
 

oscar/templates/checkout/layout.html

@@ -10,12 +10,6 @@
 {% endblock %}
 
 {% block layout %}
-    {% for message in messages %}
-    <div class="alert fade in alert-{{ message.tags }}">
-    	<a class="close" data-dismiss="alert">x</a>
-    	{{ message }}
-    </div>
-    {% endfor %}
     {% include "partials/nav_accounts.html" %}
     
     <header class="header container-fluid">
@@ -49,6 +43,12 @@
             </div><!-- /navbar-inner -->
         </div><!-- /navbar -->
     </header><!-- /header -->
+    {% for message in messages %}
+       <div class="alert fade in alert-{{ message.tags }}">
+       	<a class="close" data-dismiss="alert">x</a>
+       	{{ message }}
+       </div>
+    {% endfor %}
     <div class="container-fluid page">
        {% block header %}
        {% endblock %}

oscar/templates/layout.html

@@ -14,12 +14,6 @@
 {% endblock %}
 
 {% block layout %}
-    {% for message in messages %}
-    <div class="alert fade in alert-{{ message.tags }}">
-    	<a class="close" data-dismiss="alert">x</a>
-    	{{ message }}
-    </div>
-    {% endfor %}
     {% include "partials/nav_accounts.html" %}
     <header class="header container-fluid">
         <div class="row-fluid">
@@ -77,7 +71,12 @@
             </div><!-- /navbar-inner -->
         </div><!-- /navbar -->
     </header><!-- /header -->
-
+    {% for message in messages %}
+    <div class="alert fade in alert-{{ message.tags }}">
+    	<a class="close" data-dismiss="alert">x</a>
+    	{{ message }}
+    </div>
+    {% endfor %}
     <div class="container-fluid page">
         {% block header %}
         {% endblock %}

oscar/templates/promotions/layout.html

@@ -10,12 +10,6 @@
 {% endblock %}
 
 {% block layout %}
-    {% for message in messages %}
-    <div class="alert fade in alert-{{ message.tags }}">
-    	<a class="close" data-dismiss="alert">x</a>
-    	{{ message }}
-    </div>
-    {% endfor %}
     {% include "partials/nav_accounts.html" %}
     
     <header class="header container-fluid">
@@ -79,7 +73,12 @@
         
         
     </header><!-- /header -->
-
+    {% for message in messages %}
+    <div class="alert fade in alert-{{ message.tags }}">
+    	<a class="close" data-dismiss="alert">x</a>
+    	{{ message }}
+    </div>
+    {% endfor %}
     <div class="container-fluid page home">
         <div class="page_inner">
             <div class="row-fluid">