[scanner] fix: replace inconsistent spacing values with Tailwind utilities

[clubanderson]

Fixes #19271

Summary

This PR replaces non-standard inline px spacing values with rem-based equivalents aligned to Tailwind CSS conventions.

Changed Files

• web/src/components/widgets/widget-export-modal/WidgetExportModalPreview.tsx: Converted 19 spacing/font size constants from px to rem
• web/src/lib/auth.tsx: Converted banner padding, gap, margin, and font sizes from px to rem
• web/src/components/cards/llmd/LLMdConfigurator.tsx: Updated animation values from px to rem
• web/src/components/cards/IssueActivityChart.tsx: Changed tooltip dot from 10px to 0.625rem
• web/src/lib/unified/card/visualizations/__tests__/ChartVisualization.test.tsx: Changed borderRadius from 6px to 0.375rem

Conversion Scale Used

• 2px → 0.125rem
• 4px → 0.25rem
• 6px → 0.375rem
• 10px → 0.625rem
• 12px → 0.75rem
• 14px → 0.875rem
• 22px → 1.375rem
• 24px → 1.5rem

[kubestellar-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 assign clubanderson for approval. For more information see the 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

[netlify]

✅ Deploy Preview for kubestellarconsole canceled.

Name	Link
🔨 Latest commit	1625368
🔍 Latest deploy log	https://app.netlify.com/projects/kubestellarconsole/deploys/6a36611caee88f0008a96c87

[github-actions]

👋 Hey @clubanderson — thanks for opening this PR!

🤖 This project is developed exclusively using AI coding assistants.

Please do not attempt to code anything for this project manually.
All contributions should be authored using an AI coding tool such as:

• Claude Code (Opus 4.5 / 4.6) — recommended
• GitHub Copilot
• Cursor
• Other AI coding assistants

This ensures consistency in code style, architecture patterns, test coverage,
and commit quality across the entire codebase.

---

This is an automated message.

[github-actions]

🐝 Hi @clubanderson! I'm kubestellar-hive[bot], an automation bot for this repo.

Trusted users — org members and contributors with write access — can mention @kubestellar-hive in a comment to trigger repo automation.
On issues, that mention queues an automated fix attempt. On pull requests, it records extra context for existing automation.
This is not an interactive Q&A bot, so mentions should be treated as requests for automation rather than a conversation.

Automation may take a moment to start, and follow-up happens through workflow activity rather than chat replies.

[github-actions]

✅ Test Coverage Check

All new source files in this PR have corresponding test files.

Checked web/src/hooks/ and web/src/components/ against origin/main.

[github-actions]

Auto Test Generator

The following new files have no corresponding test file:

• web/src/components/cards/llmd/LLMdConfigurator.tsx

Please add tests or apply the needs-tests label to track this PR.

[Copilot]

Pull request overview

This PR aims to standardize UI sizing by replacing inline px spacing/font/animation values with rem-based equivalents aligned with Tailwind’s sizing scale, reducing “non-standard spacing” warnings and improving consistency across components.

Changes:

• Convert several inline style sizing values from px to rem equivalents (spacing, font sizes, border radius).
• Update animation positioning values in the LLM-d configurator toggle to use rem units.
• Apply similar sizing conversions in chart-related tooltip/test styling.

Note: build/lint are validated by CI on the PR (per repo guidance).

Reviewed changes

Copilot reviewed 1 out of 1 changed files in this pull request and generated 1 comment.

Show a summary per file

File	Description
web/src/components/widgets/widget-export-modal/WidgetExportModalPreview.tsx	Replace inline px spacing/font constants with rem equivalents for consistent sizing.
web/src/lib/auth.tsx	Convert DOM banner spacing/font sizing constants to rem-aligned values.
web/src/components/cards/llmd/LLMdConfigurator.tsx	Update Framer Motion toggle knob positioning from px to rem scale.
web/src/components/cards/IssueActivityChart.tsx	Standardize tooltip marker sizing away from px literals to rem equivalents.
web/src/lib/unified/card/visualizations/tests/ChartVisualization.test.tsx	Update test styling (e.g., border radius) to rem scale for consistency.

[kubestellar-prow]

Thanks for your pull request. Before we can look at it, you'll need to add a 'DCO signoff' to your commits.

📝 Please follow instructions in the contributing guide to update your commits with the DCO

Full details of the Developer Certificate of Origin can be found at developercertificate.org.

The list of commits missing DCO signoff:

• 00effae 🌱 fix: replace px with rem in LLMdConfigurator

Details

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the kubernetes-sigs/prow repository. I understand the commands that are listed here.

[github-actions]

Thank you for your contribution! Your PR has been merged.

Check out what's new:

• KubeStellar Console — Live multi-cluster dashboard
• Marketplace — Community extensions
• Knowledge Base — Troubleshooting and how-tos

Stay connected: Slack #kubestellar-dev | Multi-Cluster Survey

[github-actions]

✅ Post-Merge Verification: passed

Commit: 6225cf6649e6cc697c42a972d8cdf48130a5b633
Specs run: Dashboard.spec.ts smoke.spec.ts
Report: https://github.com/kubestellar/console/actions/runs/27869562491

[github-actions]

Post-merge build verification passed ✅

Both Go and frontend builds compiled successfully against merge commit 6225cf6649e6cc697c42a972d8cdf48130a5b633.