From 73066c60d639e7e43dde71d35400bb342d6ac0c9 Mon Sep 17 00:00:00 2001
From: stilobique <stilobique@stilobique.com>
Date: Tue, 27 Oct 2020 09:54:17 +0100
Subject: [PATCH 1/2] Nature-Mount-1 User icon is shifted

---
 custom_portal.css | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/custom_portal.css b/custom_portal.css
index c48c6b5..94feb85 100644
--- a/custom_portal.css
+++ b/custom_portal.css
@@ -152,6 +152,7 @@ body {
 
 .login-form .form-text {
 	height: 52px;
+	width: 95%;
 	padding: 0 5%;
 	border: 0;
 	font-family: 'NotoSansBold', serif;
@@ -163,6 +164,7 @@ body {
 }
 
 .icon-user, .icon-lock {
+	position: relative;
 	width: 52px;
 	height: 52px;
 }	

From 9ce99d325ab25844da4d720077bfa30d6d6ebc82 Mon Sep 17 00:00:00 2001
From: stilobique <stilobique@stilobique.com>
Date: Tue, 27 Oct 2020 10:31:16 +0100
Subject: [PATCH 2/2] Make a new setup to align default form

---
 custom_portal.css | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/custom_portal.css b/custom_portal.css
index 94feb85..33f38c6 100644
--- a/custom_portal.css
+++ b/custom_portal.css
@@ -133,41 +133,41 @@ body {
 }
 
 .login-form .form-group {
-	display: grid;
-	grid-template-columns: 52px 90%;
+	display: inline-block;
 	height: 52px;
 	margin: 8px 0;
 	padding: 0;
 	overflow: hidden;
-	position: inherit; /* Fix Ynh Portal */
+	position: relative; /* Fix Ynh Portal */
 	background: none; /* Fix Ynh Portal */
 }
+.login-form .form-text, .icon-user, .icon-lock {
+	display: inline-block !important;
+	height: 100%;
+}
 .login-form label::before {
 	width: 0;
 	height: 0;
 }
-.icon-user::before, .icon-lock::before {
-	content: none;
-}
+.icon-user::before, .icon-lock::before { content: none; }
 
 .login-form .form-text {
-	height: 52px;
-	width: 95%;
+	width: calc(100% - 52px);
 	padding: 0 5%;
 	border: 0;
 	font-family: 'NotoSansBold', serif;
 	background-color: #5d5446;
 	color: #c2a593;
+	position: relative;
 }
 .login-form .form-text::placeholder {
 	color: #c2a593;
 }
 
 .icon-user, .icon-lock {
-	position: relative;
+	float: left;
 	width: 52px;
-	height: 52px;
-}	
+}
 .icon-user {
 	background-image: url("pictures/picto.jpg");
 }