Fix notification styling

Fixes #88

pinaxcon/templates/site_base.html

@@ -51,11 +51,13 @@
     
   <main role="main" class="{% block main_class %}container{% endblock %}">
     {% if messages %}
+    <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 %}
     
     

static/src/scss/app.scss

@@ -254,3 +254,7 @@ main {
 .card {
     min-width: 20rem;
 }
+
+ul.messagelist {
+    margin-bottom: 0;
+}