From fbc29246ff9c9287af37e3e53f0cbd7b35d65944 Mon Sep 17 00:00:00 2001 From: Fabio Caccamo Date: Thu, 6 May 2021 23:34:49 +0200 Subject: [PATCH] Improved header elements vertical alignment. --- .../css/admin-interface-fix.css | 23 +++++++++++++++---- .../admin_interface/css/admin-interface.css | 15 ------------ 2 files changed, 19 insertions(+), 19 deletions(-) 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 ea8bd0a..d05b7b2 100644 --- a/admin_interface/templates/admin_interface/css/admin-interface-fix.css +++ b/admin_interface/templates/admin_interface/css/admin-interface-fix.css @@ -23,6 +23,7 @@ } .admin-interface.login #header { + min-height: auto; padding: 10px 30px; line-height: 30px; align-items: flex-start; @@ -40,7 +41,6 @@ .admin-interface.login #header #branding h1 img.logo+span { display: block; - margin-bottom: 5px; } .admin-interface.login #login-form { @@ -77,12 +77,12 @@ box-sizing: border-box; display: flex; justify-content: space-between; - align-items: start; + align-items: center; } @media (max-width:1024px) { .admin-interface #header { - align-items: flex-start; + align-items: center; } } @@ -103,13 +103,28 @@ .admin-interface #branding h1 span { display: inline-block; - margin-bottom: 5px; } .admin-interface #branding h1 img.logo+span { white-space:nowrap; } +.admin-interface #user-tools { + margin-top: 10px; + margin-bottom: 10px; + white-space: nowrap; + align-self: flex-start; +} + +.admin-interface #user-tools br { + display: none; +} +@media (max-width: 768px) { + .admin-interface #user-tools br { + display: block; + } +} + .admin-interface fieldset.collapse { border: 1px solid transparent; } diff --git a/admin_interface/templates/admin_interface/css/admin-interface.css b/admin_interface/templates/admin_interface/css/admin-interface.css index 5088823..826d00a 100644 --- a/admin_interface/templates/admin_interface/css/admin-interface.css +++ b/admin_interface/templates/admin_interface/css/admin-interface.css @@ -145,21 +145,6 @@ background-image: url("data:image/svg+xml;utf8,"); } -.admin-interface #user-tools { - margin-top: 10px; - margin-bottom: 10px; - white-space: nowrap; -} - -.admin-interface #user-tools br { - display: none; -} -@media (max-width: 768px) { - .admin-interface #user-tools br { - display: block; - } -} - .admin-interface #header #user-tools a { color:{{ theme.css_header_link_color }}; }