small fix

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 {