diff options
| -rw-r--r-- | newspipe/static/css/custom.css | 8 | ||||
| -rw-r--r-- | newspipe/templates/layout.html | 37 |
2 files changed, 25 insertions, 20 deletions
diff --git a/newspipe/static/css/custom.css b/newspipe/static/css/custom.css index 8bd1e92c..0e1d5a9b 100644 --- a/newspipe/static/css/custom.css +++ b/newspipe/static/css/custom.css @@ -87,12 +87,20 @@ a { display: inline; } +.alert { + margin-bottom: 1px; + height: 30px; + line-height: 30px; + padding: 0px 15px; +} + .alert-message { position: relative; display: block; z-index: 1001; } + /*customization for Flask-Paginate*/ .pagination-page-info { display: inline; diff --git a/newspipe/templates/layout.html b/newspipe/templates/layout.html index 115a1cd9..f24ab854 100644 --- a/newspipe/templates/layout.html +++ b/newspipe/templates/layout.html @@ -28,6 +28,23 @@ {% block menu_links %} <div class="collapse navbar-collapse" id="navbarSupportedContent"> + <ul class="navbar-nav mr-auto w-100 justify-content-center"> + <li class="nav-item"> + {% block messages %} + {% with messages = get_flashed_messages(with_categories=true) %} + {% if messages %} + {% for category, message in messages %} + <div class="alert alert-{{category}}" role="alert"> + {{ message }} + <button type="button" class="close" data-dismiss="alert">×</button> + </div> + {% endfor %} + {% endif %} + {% endwith %} + {% endblock %} + </li> + </ul> + <ul class="navbar-nav mr-auto w-100 justify-content-end"> {% if current_user.is_authenticated %} {% if current_user.is_admin %} @@ -129,26 +146,6 @@ </div> </nav> {% endblock %} - <br /> - - <div class="container alert-message not-at-home"> - {% block messages %} - {% with messages = get_flashed_messages(with_categories=true) %} - {% if messages %} - <div class="row justify-content-center"> - <div class="col-md-6"> - {% for category, message in messages %} - <div class="alert alert-{{category}}"> - <button type="button" class="close" data-dismiss="alert">×</button> - {{ message }} - </div> - {% endfor %} - </div> - </div> - {% endif %} - {% endwith %} - {% endblock %} - </div> {% block content %}{% endblock %} |