Fix notification styling

Fixes #88
2018-06-30 12:30:32 +12:00 · 2018-06-30 12:30:32 +12:00 · 77ce0021ef
commit 77ce0021ef
parent e8c593e237
2 changed files with 12 additions and 6 deletions
--- a/pinaxcon/templates/site_base.html
+++ b/pinaxcon/templates/site_base.html
@ -51,11 +51,13 @@
    
  <main role="main" class="{% block main_class %}container{% endblock %}">
    {% if messages %}
-    <ul class="messagelist hidden-print">
-      {% for message in messages %}
-      <li{% if message.tags %} class="{{ message.tags }}"{% endif %}>{{ message }}</li>
-      {% endfor %}
-    </ul>
+    <div class="container mb-5 alert alert-light border-primary">
+      <ul class="messagelist hidden-print">
+        {% for message in messages %}
+        <li{% if message.tags %} class="{{ message.tags }}"{% endif %}>{{ message }}</li>
+        {% endfor %}
+      </ul>
+    </div>
    {% endif %}
    
    
--- a/static/src/scss/app.scss
+++ b/static/src/scss/app.scss
@ -253,4 +253,8 @@ main {

 .card {
    min-width: 20rem;
-}
+}
+
+ul.messagelist {
+    margin-bottom: 0;
+}