diff --git a/mystic_forest/custom_portal.css b/mystic_forest/custom_portal.css index 630c513..4ae7ff6 100644 --- a/mystic_forest/custom_portal.css +++ b/mystic_forest/custom_portal.css @@ -1,7 +1,6 @@ /* =============================================================================== - This file contain extra CSS rules to customize the YunoHost user portal and - can be used to customize app tiles, buttons, etc... + Mystic Forest (based on Default theme) - version 0.1 =============================================================================== */ @@ -17,11 +16,11 @@ } .ynh-user-portal { - background: var(--background-color); display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; + background: var(--background-color); } .classic-btn { @@ -33,7 +32,6 @@ .messages { margin: 0; - /*width: 100%; */ } .messages.info { background: var(--primary-color); @@ -50,12 +48,12 @@ } .user { - background: var(--logo-url) no-repeat; - padding-top: var(--logo-height); - width: var(--logo-width); - flex: 0 1 auto; display: flex; flex-flow: column-reverse nowrap; + flex: 0 1 auto; + background: var(--logo-url) no-repeat; + width: var(--logo-width); + padding-top: var(--logo-height); margin: 2%; margin-left: 4%; } @@ -71,8 +69,8 @@ } .apps { - width: 50%; /* Hack to force footer to wrap on another row */ flex: 1 1 auto; + width: 50%; /* Hack to force footer to wrap on another row */ margin: 4%; } @@ -84,28 +82,28 @@ /* Styling specific to the login view */ .content { - padding: 0; width: var(--box-width); + padding: 0; } :not(.logged) > .ynh-logo{ + flex: 0 0 auto; background-image: var(--logo-url); width: var(--logo-width); height: var(--logo-height); opacity: 1; - flex: 0 0 auto; margin-top: 0; } .ynh-wrapper.login { + width: 100%; margin: 0; - /*width: 100%;*/ } .login-form .form-group { - margin: 0; border: 0.4em solid var(--primary-color); border-top: none; + margin: 0; } .login-form .btn {