diff --git a/admin_interface/templates/admin/base_site.html b/admin_interface/templates/admin/base_site.html
index a0b20bd..2556491 100644
--- a/admin_interface/templates/admin/base_site.html
+++ b/admin_interface/templates/admin/base_site.html
@@ -68,5 +68,5 @@ https://github.com/fabiocaccamo/django-admin-interface
{% get_admin_interface_languages as languages %}
{% include "admin_interface/language_chooser.html" %}
{% endif %}
-{% if theme.env_visible_in_header %} - {% endif %}{{ block.super }}
+{% if theme.env_visible_in_header %}
{% endif %}{{ block.super }}
{% endblock %}
diff --git a/admin_interface/templates/admin_interface/css/admin-interface-fix.css b/admin_interface/templates/admin_interface/css/admin-interface-fix.css
index fbd5138..1911949 100644
--- a/admin_interface/templates/admin_interface/css/admin-interface-fix.css
+++ b/admin_interface/templates/admin_interface/css/admin-interface-fix.css
@@ -1,65 +1,85 @@
+/* fix login */
.admin-interface.login #container {
- width:320px;
- margin:90px auto;
- box-sizing:border-box;
- -moz-box-sizing:border-box;
- -webkit-box-sizing:border-box;
+ width: 100%;
+ max-width: 360px;
+ margin: 15px auto;
+ box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
}
.admin-interface.login #content {
- padding:15px 30px 10px 30px;
+ padding: 15px 30px 30px 30px;
}
-@media (max-width:767px){
-
+@media (min-width:768px){
.admin-interface.login #container {
- margin:0px auto;
- }
-
- .admin-interface.login #content {
- padding:20px 30px 30px 30px;
+ margin: 90px auto;
}
}
.admin-interface.login #header {
- padding:15px 30px 10px;
- line-height:30px;
+ padding: 10px 30px;
+ line-height: 30px;
+ align-items: flex-start;
+ justify-content: flex-start;
}
-.admin-interface.login #branding h1 {
+.admin-interface.login #header #branding h1 {
margin-right:0;
}
-.admin-interface.login #branding h1 img.logo {
- max-width:100%;
- margin-right:0;
+.admin-interface.login #header #branding h1 img.logo {
+ max-width: 100%;
+ margin-right: 0;
}
.admin-interface.login #header #branding h1 img.logo+span {
- display:block;
+ display: block;
margin-bottom: 5px;
}
-.admin-interface.login .submit-row {
- padding-left:0;
- text-align:right;
+.admin-interface.login #login-form {
+ display: flex;
+ flex-direction: column;
}
-@media (max-width:767px){
- .admin-interface.login .submit-row label {
- display:none;
- }
- .admin-interface.login .submit-row {
- float: left;
- width: 100%;
- margin-top: 20px;
- margin-bottom: 30px;
- }
+.admin-interface.login .submit-row {
+ float: left;
+ width: 100%;
+ margin-top: 20px;
+ padding-top: 0;
+ padding-left: 0;
+ text-align: right;
}
+.admin-interface.login .submit-row label {
+ display: none;
+}
+
+.admin-interface.login .submit-row input[type="submit"] {
+ width: 100%;
+ text-transform: uppercase;
+}
+
+.admin-interface.login #footer {
+ display: none;
+}
+/* end login fix*/
+
+
.admin-interface #header {
height:auto;
min-height:40px;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+}
+
+@media (max-width:1024px) {
+ .admin-interface #header {
+ align-items: flex-start;
+ }
}
.admin-interface #branding h1 img.logo {
@@ -70,6 +90,11 @@
display:inline-block !important; /* override inline display:none; */
}
+.admin-interface #branding h1 span {
+ display: inline-block;
+ margin-bottom: 5px;
+}
+
.admin-interface #branding h1 img.logo+span {
white-space:nowrap;
}
@@ -378,6 +403,8 @@ body.admin-interface .paginator a.showall:visited {
left: -320px;
margin-left: -360px;
box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
padding: 18px 40px 40px 0px;
border-top: none;
border-bottom: none;
diff --git a/admin_interface/templates/admin_interface/css/admin-interface.css b/admin_interface/templates/admin_interface/css/admin-interface.css
index 008e169..c985b5b 100644
--- a/admin_interface/templates/admin_interface/css/admin-interface.css
+++ b/admin_interface/templates/admin_interface/css/admin-interface.css
@@ -20,13 +20,33 @@
}
.admin-interface .environment-label::after {
- content: "{{ theme.env_name }}";
+ content: "{{ theme.env_name }} - ";
+}
+
+@media (max-width:1024px) {
+ .admin-interface .environment-label::after {
+ content: "{{ theme.env_name }}";
+ }
}
.admin-interface .language-chooser {
display: inline-block;
- float: right;
- margin-left: 20px;
+ position: absolute;
+ top: 15px;
+ right: 15px;
+ z-index: 5;
+}
+@media (min-width:768px) {
+ .admin-interface .language-chooser {
+ right: 30px;
+ }
+}
+@media (min-width:1024px) {
+ .admin-interface .language-chooser {
+ position: static;
+ float: right;
+ margin-left: 20px;
+ }
}
.admin-interface .language-chooser-hidden-form {
@@ -49,10 +69,15 @@
background-image: url("data:image/svg+xml;utf8,");
}
+.admin-interface #user-tools {
+ margin-bottom: 2px;
+ white-space: nowrap;
+}
+
.admin-interface #user-tools br {
display: none;
}
-@media (max-width: 768px){
+@media (max-width: 768px) {
.admin-interface #user-tools br {
display: block;
}