Port label overlaps input field on initial load in the set up installer

[soujay]

• Fixes : ServicePulse Setup - Port label overlaps input field on initial load until user interaction #2245

This PR addresses Port label overlaps input field on initial load in the installer

Tested this with the build artifacts

[danielmarbach]

The Port text box is shifted compared to the other fields (ServiceControl URI and Monitoring URI), which makes the layout feel inconsistent. Align the Port field with the text boxes below. Either give it the same width or align its left edge to the start of the other input fields. That way all input fields create a clean vertical line. My preference would be to keep it short but left align

The bold Note: is colliding with “The above…” and reduces readability. Add spacing after Note: or put “Note:” on its own line and then the explanatory text on the next line, indented slightly.

What is also visually a bit weird is the following:

We have checkboxes that have a bold text with a non-bold URI label under it with a text box for filling in the URI. The port one is following a different visual pattern (don't know if that is a problem, just noting it down here). I wonder how it would look if the text "Specify the port number..." is bold, the Port label non-bold and the port input field left aligned with the other text input fields.