[🐛 BUG] Default stylekit should be consistent

[AlexandreSajus]

What went wrong? 🤔

Visual elements should have the similar position and layouts in the default stylekit. For example, if I place a selector and a button side by side, they should be aligned:

from taipy.gui import Gui
import taipy.gui.builder as tgb


with tgb.Page() as page:
    with tgb.layout(columns="1 1 10"):
        with tgb.part():
            tgb.button("Click me")
        with tgb.part():
            tgb.selector("{selected}", lov="Furniture;Desk", dropdown=True)

Gui(page=page).run()

Here, they are misaligned:

This issue makes layouts a CSS nightmare in any application:

Browsers

Chrome

OS

Windows

Version of Taipy

4.0.1

Acceptance Criteria

• A unit test reproducing the bug is added.
• Any new code is covered by a unit tested.
• Check code coverage is at least 90%.
• The bug reporter validated the fix.
• Related issue(s) in taipy-doc are created for documentation and Release Notes are updated.

Code of Conduct

• I have checked the existing issues.
• I am willing to work on this issue (optional)

[Pushparaj13811]

Hi,

I would like to help resolve this issue. I will investigate the cause and implement a fix to ensure the layout elements align correctly across browsers. I will also add a unit test to reproduce the bug and ensure that the solution is thoroughly covered.

Looking forward to contributing!