use indentation for list items in error message

src/components/Shared/ValidationErrorsInfoDialog.js

@@ -48,14 +48,16 @@ export class ValidationErrorsInfoDialog extends React.Component {
                     modal={this.props.modal ? this.props.modal : false}
                     height={defaultDialogHeight + this.props.errorMessages.length * dialogHeightPerLine}
                 >
-                    {this.props.errorMessages.map(errorMessage => {
-                      return (
-                        <div>
-                          <a>{errorMessage.message}</a>
-                          <br/>
-                        </div>
-                      );})
-                    }
+                    {this.props.errorMessages.map(errorMessage=>{
+                      const oneValidationMessage = (<span><a>{errorMessage.message}</a><br /></span>);
+                      const oneValidationMessageWithTab = (<span><li style={{marginLeft:2 + "em"}}>{errorMessage.message}</li></span>);
+
+                      if (errorMessage.field_name === "password-tab"){
+                        return oneValidationMessageWithTab;
+                      } else{
+                        return oneValidationMessage;
+                      }
+                    })}
                 </Dialog>
             }
         </div>