Style adjustments

[chukarave]

The linter rule does not allow using 'rem' as a unit,
i've disabled it.
font-size for the copyright message should be 13px, the
rem in this case is relativly calculated from 1rem which is 16px.
margins between elements adapted to represent 16px as well.
The main content wrapper will get a top margin of 0.5rem
so that the gap between search-exiting or anonymous edit message
and the main form always remains 1.5rem.

Bug: T312652

[github-actions]

https://0e4c3e43e48346d1c95c82f60457a5f4edef--new-lexeme-special-page.netlify.app

[sai-san]

✅ The font-size of the copyright message is at least 13px
✅ The elements within the form have a default spacing of 1rem (generally 16px) between them**
❌ I'm not sure that the main content wrapper is displaying a margin of 0.5rem. The gap between search-exiting or anonymous edit message and the main form seems to be 1rem at the moment.

**I noticed that the copyright message still has a margin of 1em applied to it. This doesn't cause any problems because it overlaps with the 1rem margin applied to all elements. It might be a good idea to remove that just for consistency.

Tested on Chrome 104, Safari 15.6 and Firefox 103 on macOS Monterey.

[chukarave]

@sai-san

• the main content wrapper is not displaying the 0.5 margin here, it's part of the Gerrit patch as it's set from outside the Vue application.
• Do you mean setting the copyright message margin explicitly to rem or removing it altogether?

[sai-san]

Answering inline, @chukarave.

• the main content wrapper is not displaying the 0.5 margin here, it's part of the Gerrit patch as it's set from outside the Vue application.

Got it! Is there a way I can check the Gerrit patch? I'm not sure where to find a Netlify link.

• Do you mean setting the copyright message margin explicitly to rem or removing it altogether?

I think that removing the bottom margin makes sense, since it's not contributing to spacing the layout. We might need to keep the 1rem margin at the top to ensure that the last field and the message have proper separation between them. This approach would allow us to maintain proper spacing between the last field and the button if the text were removed.

[chukarave]

@sai-san

Is there a way I can check the Gerrit patch? I'm not sure where to find a Netlify link.

as we discussed, this is not part of the Vue app so will be visible on Beta once merged

[sai-san]

All looking great! Thanks, @chukarave 💯