added asterisk to required fields

fairlogin/login/register.ftl

@@ -40,12 +40,12 @@
 							<form action="${url.registrationAction}" method="post">
 							 
 								<div class="form-group">
-									<label for="firstName">First name</label>
+									<label for="firstName" class="required">First name</label>
 									<input id="firstName" type="text" class="form-control" name="firstName" required autofocus>
 								</div>
 
                                 <div class="form-group">
-									<label for="lastName">Last name</label>
+									<label for="lastName" class="required">Last name</label>
 									<input id="lastName" type="text" class="form-control" name="lastName" required>
 								</div>
 
@@ -55,18 +55,18 @@
 								</div>
 
 								<div class="form-group">
-									<label for="email">E-Mail Address</label>
+									<label for="email" class="required">E-Mail Address</label>
 									<input id="email" type="email" class="form-control" name="email" required>
 								</div>
 
 								<div class="form-group">
-									<label for="password">Password</label>
+									<label for="password" class="required">Password</label>
 									<input id="password" type="password" class="form-control" name="password" required>
 									<div class="invalid-feedback">${msg("errorNotValidPassword")}</div>
 								</div>
 
 								<div class="form-group">
-									<label for="password-confirm">Confirm password</label>
+									<label for="password-confirm" class="required">Confirm password</label>
 									<input id="password-confirm" type="password" class="form-control" name="password-confirm" required>
 									<div class="invalid-feedback">${msg("errorNotSamePassword")}</div>
 								</div>

fairlogin/login/resources/css/my-login.css

@@ -146,6 +146,11 @@ a:hover {
 	text-align: center;
 }
 
+.required::after {
+    content: ' *';
+    color: darkred;
+}
+
 @media screen and (max-width: 425px) {
 	.my-login-page .card-wrapper {
 		width: 90%;