chroe(frontend): Better CSS on Compile and upload button

[FAUST-BENCHOU]

Close #562 (comment)

Before:

After：

[jesuino]

Hello @FAUST-BENCHOU

Thanks for your contribution!

The change looks great for the text alignment. I was also expecting the breadcumb button size to keep a fixed size when the button is resized. This is what I see when I resize the panel:

I was expecting to be of a fixed size (about 5%) and the floating menu to be on the right side as well, but I know that moving the menu is hard because it has absolute position.

[FAUST-BENCHOU]

now it can meet your needs @jesuino

[jesuino]

LGTM!

[StefanoFioravanzo]

@FAUST-BENCHOU can you resolve the conflicts? Then I will approve and merge

[google-oss-prow]

New changes are detected. LGTM label has been removed.

[google-oss-prow]

[APPROVALNOTIFIER] This PR is NOT APPROVED

This pull-request has been approved by:
Once this PR has been reviewed and has the lgtm label, please ask for approval from stefanofioravanzo. For more information see the Kubernetes Code Review Process.

The full list of commands accepted by this bot can be found here.

Details

Needs approval from an approver in each of these files:

• OWNERS

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment

[FAUST-BENCHOU]

@FAUST-BENCHOU can you resolve the conflicts? Then I will approve and merge

Done!

[ederign]

@FAUST-BENCHOU can you fix the lint issues?

[ederign]

@FAUST-BENCHOU, if you run make lint, you should be able to check everything that is breaking in the CI.

[ederign]

Btw, the pre-commit hooks should caught this, I'll investigate it later in a follow-up. For now, could you please run make lint, test, and push your changes?