@aleckdesign
Posted
Testing in the browser you can fix the button by using absolute positioning.
-
Set the button element to position: absolute;
-
Set the desired parent container to position: relative; (here it is your email container)
-
The button now positions itself within the email container. You can use top, left, right bottom to position it relative to this container. (I just put right -3px to make it snap to the right and extend enough to cover the border). The same can be done for the error icon.
The easiest way i know to get an error message working is to make it 'required' Just go to your html and write required within your email input. edit: I should add that this will use the browser default error message.
Also the correct gradient is found in the style-guide.md file. Hope this helps.
@iulian-cenusa
Posted
@aleckdesign Thank you very much for the tips and feedback ! I manage to solve the button bug but the backend bug with the error message not displaying is not yet solved. I think is something in the JS code that is not working as expected. I will later try to find it.