Improved header style.

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 %}<span class="environment-label {{ theme.env_name }}"></span> - {% endif %}{{ block.super }}<br>
+{% if theme.env_visible_in_header %}<span class="environment-label {{ theme.env_name }}"></span><br>{% endif %}{{ block.super }}<br>
 {% endblock %}

admin_interface/templates/admin_interface/css/admin-interface-fix.css

@@ -1,65 +1,85 @@
+/* fix login */
 .admin-interface.login #container {
-    width:320px;
+    width: 100%;
-    margin:90px auto;
+    max-width: 360px;
-    box-sizing:border-box;
+    margin: 15px auto;
-    -moz-box-sizing:border-box;
+    box-sizing: border-box;
-    -webkit-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;
+        margin: 90px auto;
-    }
-
-    .admin-interface.login #content {
-        padding:20px 30px 30px 30px;
     }
 }
 
 .admin-interface.login #header {
-    padding:15px 30px 10px;
+    padding: 10px 30px;
-    line-height: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 {
+.admin-interface.login #header #branding h1 img.logo {
-    max-width:100%;
+    max-width: 100%;
-    margin-right:0;
+    margin-right: 0;
 }
 
 .admin-interface.login #header #branding h1 img.logo+span {
-    display:block;
+    display: block;
     margin-bottom: 5px;
 }
 
-.admin-interface.login .submit-row {
+.admin-interface.login #login-form {
-    padding-left:0;
+    display: flex;
-    text-align:right;
+    flex-direction: column;
 }
 
-@media (max-width:767px){
+.admin-interface.login .submit-row {
-    .admin-interface.login .submit-row label {
+    float: left;
-        display:none;
+    width: 100%;
-    }
+    margin-top: 20px;
-    .admin-interface.login .submit-row {
+    padding-top: 0;
-        float: left;
+    padding-left: 0;
-        width: 100%;
+    text-align: right;
-        margin-top: 20px;
-        margin-bottom: 30px;
-    }
 }
 
+.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;