Inconsistent button size on the team web page

[lng2020]

Description

There are two bugs.
Left side: the first button is selected by a class because he is the direct child of attached.header, while the second button is wrapped by a form class.
Right side: the class of join is wrong. It should be tiny instead of small.

Screenshots

Gitea Version

latest codebase

Can you reproduce the bug on the Gitea demo site?

Yes

Operating System

No response

Browser Version

none

[Virtual4087]

I'd like to work on this issue if you can instruct me how to reproduce it.

[lng2020]

It's on the web page. You don't need to reproduce it...
The first one probably required some familiarity with the CSS style in Gitea. If you directly change the class style, It may result in some side effects.

[Pratham271]

I can work on this.

[silverwind]

#27632 sounds related but it's not because neither button are dropdowns in those screenshots.

[wxiaoguang]

#27632 sounds related but it's not because neither button are dropdowns in those screenshots.

Nope, not related.

The problem is the button styles were polluted by .ui.right>.button, but another button is in <form>

[wxiaoguang]

Fixed by: Fix button size in "attached header right" #28770

[github-actions]

Automatically locked because of our CONTRIBUTING guidelines