Website has to be scrolled vertically on smaller screens

[sri1873]

Changes Made for #1984

1. Put GroupId and artifactId into a single div.
2. Reduced padding from 0.6rem to 0.45rem to fit them on one screen.

[mhalbritter]

Thanks for the PR - this looks okay-ish on smaller screens, but on my screen in full screen it looks like this:

There's a lot of "wasted" space after the "Artifact" textbox, and before the "Artifact" label. Adjusting the padding of all "control" classes also alters the whole layout, not only for the two text fields which are now next to each other.

I also think the spacing between "Group" and "Name" is bigger than the spacing between "Name" and "Description".

[sri1873]

New Changes

1. Reverted "control" classes padding to the original.
2. Adjusted the width of text input fields to maintain alignment, as well as use up space

Between 1000px and 1200px, the input fields of "Group" and "Artifact" become too small, to avoid that, in those screen sizes the fields will go back to occupying the entire row.

Please let me know if something else needs to be changed

[mhalbritter]

Thanks @sri1873 !

[mhalbritter]

I made a smaller change to get rid of the nth-child(2) selector by adding an explicit class.