diff --git a/oidc_ldap_bridge/static/css/base.css b/oidc_ldap_bridge/static/css/base.css
index beeb372f..d8b91f3c 100644
--- a/oidc_ldap_bridge/static/css/base.css
+++ b/oidc_ldap_bridge/static/css/base.css
@@ -1,12 +1,23 @@
-body {
- background: #F8F8F8;
+@media only screen and (min-width: 1200px) {
+ .ui.ui.ui.container:not(.fluid) {
+ width: 770px;
+ margin-left: auto;
+ margin-right: auto;
+ }
}
-.container {
+@media only screen and (min-width: 992px) and (max-width: 1200px) {
+ .ui.ui.ui.container:not(.fluid) {
+ width: 790px;
+ margin-left: auto;
+ margin-right: auto;
+ }
+}
+
+
+body {
+ background: #F8F8F8;
padding: 1em;
- min-width: 320px;
- max-width: 800px;
- margin: auto;
}
.logo img{
diff --git a/oidc_ldap_bridge/templates/base.html b/oidc_ldap_bridge/templates/base.html
index 95de7f62..f87c99c2 100644
--- a/oidc_ldap_bridge/templates/base.html
+++ b/oidc_ldap_bridge/templates/base.html
@@ -21,60 +21,61 @@
</head>
<body>
- <div class="container">
- {% block menu %}
- {% if user and menu %}
- <nav class="ui stackable labeled icon menu">
- {% if logo_url %}
- <div class="header item">
- <a href="/" class="logo">
- <img class="ui image" src="{{ logo_url }}" alt="{{ website_name }}" />
- </a>
- </div>
- {% endif %}
- <a class="item" href="{{ url_for('oidc_ldap_bridge.account.profile') }}">
- <i class="id card icon"></i>
- {% trans %}My profile{% endtrans %}
+ {% block menu %}
+ {% if user and menu %}
+ <nav class="ui stackable labeled icon menu container">
+ {% if logo_url %}
+ <div class="header item">
+ <a href="/" class="logo">
+ <img class="ui image" src="{{ logo_url }}" alt="{{ website_name }}" />
</a>
- <a class="item" href="{{ url_for('oidc_ldap_bridge.consents.consents') }}">
- <i class="handshake icon"></i>
- {% trans %}My consents{% endtrans %}
- </a>
- <a class="item" href="{{ url_for('oidc_ldap_bridge.tokens.tokens') }}">
- <i class="key icon"></i>
- {% trans %}My tokens{% endtrans %}
- </a>
- {% if user.admin %}
- <div class="ui dropdown item">
- <i class="settings icon"></i>
- Admin
- <div class="menu">
- <a class="item" href="{{ url_for('oidc_ldap_bridge.admin.clients.index') }}">
- <i class="plug icon"></i>
- {% trans %}Clients{% endtrans %}
- </a>
- <a class="item" href="{{ url_for('oidc_ldap_bridge.admin.tokens.index') }}">
- <i class="key icon"></i>
- {% trans %}Tokens{% endtrans %}
- </a>
- <a class="item" href="{{ url_for('oidc_ldap_bridge.admin.authorizations.index') }}">
- <i class="user secret icon"></i>
- {% trans %}Codes{% endtrans %}
- </a>
- <a class="item" href="">
- <i class="handshake icon"></i>
- {% trans %}Consents{% endtrans %}
- </a>
- </div>
- </div>
- {% endif %}
- <a class="item" href="{{ url_for('oidc_ldap_bridge.account.logout') }}">
- <i class="sign out alternate icon"></i>
- {% trans %}Log out{% endtrans %}
- </a>
- </nav>
+ </div>
{% endif %}
- {% endblock %}
+ <a class="item" href="{{ url_for('oidc_ldap_bridge.account.profile') }}">
+ <i class="id card icon"></i>
+ {% trans %}My profile{% endtrans %}
+ </a>
+ <a class="item" href="{{ url_for('oidc_ldap_bridge.consents.consents') }}">
+ <i class="handshake icon"></i>
+ {% trans %}My consents{% endtrans %}
+ </a>
+ <a class="item" href="{{ url_for('oidc_ldap_bridge.tokens.tokens') }}">
+ <i class="key icon"></i>
+ {% trans %}My tokens{% endtrans %}
+ </a>
+ {% if user.admin %}
+ <div class="ui dropdown item">
+ <i class="settings icon"></i>
+ Admin
+ <div class="menu">
+ <a class="item" href="{{ url_for('oidc_ldap_bridge.admin.clients.index') }}">
+ <i class="plug icon"></i>
+ {% trans %}Clients{% endtrans %}
+ </a>
+ <a class="item" href="{{ url_for('oidc_ldap_bridge.admin.tokens.index') }}">
+ <i class="key icon"></i>
+ {% trans %}Tokens{% endtrans %}
+ </a>
+ <a class="item" href="{{ url_for('oidc_ldap_bridge.admin.authorizations.index') }}">
+ <i class="user secret icon"></i>
+ {% trans %}Codes{% endtrans %}
+ </a>
+ <a class="item" href="">
+ <i class="handshake icon"></i>
+ {% trans %}Consents{% endtrans %}
+ </a>
+ </div>
+ </div>
+ {% endif %}
+ <a class="item" href="{{ url_for('oidc_ldap_bridge.account.logout') }}">
+ <i class="sign out alternate icon"></i>
+ {% trans %}Log out{% endtrans %}
+ </a>
+ </nav>
+ {% endif %}
+ {% endblock %}
+
+ <div class="ui container">
<div class="content">
{% block content %}{% endblock %}
</div>