fix(NcActionCheckbox): margin around the checkbox

[GretaD]

☑️ Resolves

• Ref Design review v5 nextcloud/mail#11328

🖼️ Screenshots

🚧 Tasks

• Some margin from inputs.scss is applied that creates that small space between the label and the checkbox. This fixes it. I cannot think of any better solution

🏁 Checklist

• ⛑️ Tests are included or are not applicable
• 📘 Component documentation has been extended, updated or is not applicable
• 2️⃣ Backport to stable8 for maintained Vue 2 version or not applicable

[GretaD]

/backport to stable8

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 52.11%. Comparing base (8e6c2a6) to head (a7896a9).
⚠️ Report is 251 commits behind head on main.

Additional details and impacted files

@@           Coverage Diff           @@
##             main    #7890   +/-   ##
=======================================
  Coverage   52.11%   52.11%           
=======================================
  Files         100      100           
  Lines        3170     3170           
  Branches      872      873    +1     
=======================================
  Hits         1652     1652           
  Misses       1271     1271           
  Partials      247      247           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[Antreesy]

Is is still actual, or you fixed it already in Mail?

[Antreesy]

This simply overriding two lines above. Doesn't it conflict with other usecases for component?

[GretaD]

it comes from here, so we should fix it here. I understand that 9px is very random, so maybe i can think about how not to have an exact number like that. Its broken everywhere where we use this component, at least everywhere on mail

[ShGKme]

Playing with margins to move server-styled icon having different Nextcloud versions seems complicated and unreliable. And the current icon design looks off anyway.

• As an alternative, I'd propose to re-implement the component using existing styles from other actions: fix(NcActions): migrate to custom icons in Checkbox and Radio actions #8020

[GretaD]

closing and continuing here #8020