Song Creation form is not sufficiently user friendly #305

[FinnRG]

Depends on #817.
Closes VocaDB/community#85.
Closes VocaDB/community#51.
Partially implements VocaDB/community#94. (Romanization link)

Implementation of @dset0x's patch for the song creation page.

• This PR needs to be merged after New artist type for cover artists #737 #817 to include the new alert
• The current alert texts need to be split
• The new alert texts need to be translated

Needs to be tested on the beta site.

[ycanardeau]

@Pyther99 Deployed on the beta site.

[dset0x]

@Pyther99 Fantastic work turning the mockup into a functioning page already! It's so cool to see this on the beta site.

I wrote some feedback in this screenshot,

[FinnRG]

@dset0x The markup parsing error occurred because the description was missing a space between ### and the text.

I have fixed the side warnings to the vertical center of the viewport, but this can cause the warnings to overlap if there are enough duplicates. (This worsened the responsiveness for mobile devices and needs to be fixed in the future, see #6)

I also implemented a Bootstrap tooltip for the artist warning.

[dset0x]

@Pyther99 That's awesome, thanks for tending to these.

If it worked better on mobile without the fixed location, a workaround could be to only enable that using @media, but I can't say how bad that might be.

Yet another minor thing. Not everyone is familiar with the initials "PV". "Promotional Video" might also be misleading though. Not sure what the best option is.

[hikaruso]

@Pyther99 I think the width of the label in the title input field should be increased.
It doesn't look good in the Japanese UI because the labels are vertical.

[dset0x]

Looking at the current beta site, it feels a bit awkwardly long now,

But if it needs to be so that translations fit better, then it's no issue

[FinnRG]

@dset0x The width was reduced in the last commit, which is not yet deployed on the beta site. Nevertheless, I still shortened the width a little.

[ycanardeau]

Thanks for the PR!