Magnus Jensen
a1b35aeb23
<!-- Add the related story/sub-task/bug number, like Resolves #123, or remove if NA --> **Related issue:** Resolves #48217 This does update a couple of places, but I checked and it should only be for Status indicators. Figma spec with 4px rather than 8px: https://www.figma.com/design/gxvU745LfOdkE9AuRg64wi/%F0%9F%A7%A9-Product-design-system?node-id=858-23&t=QwTqGmpK0V3inArL-0 <img width="1119" height="407" alt="image" src="https://github.com/user-attachments/assets/8cae52d6-dbb9-4b8d-80d6-1a899790ad82" /> # Checklist for submitter If some of the following don't apply, delete the relevant line. - [x] Changes file added for user-visible changes in `changes/`, `orbit/changes/` or `ee/fleetd-chrome/changes`. See [Changes files](https://github.com/fleetdm/fleet/blob/main/docs/Contributing/guides/committing-changes.md#changes-files) for more information. - [x] Input data is properly validated, `SELECT *` is avoided, SQL injection is prevented (using placeholders for values in statements), JS inline code is prevented especially for url redirects, and untrusted data interpolated into shell scripts/commands is validated against shell metacharacters. - [x] Timeouts are implemented and retries are limited to avoid infinite loops - [x] If paths of existing endpoints are modified without backwards compatibility, checked the frontend/CLI for any necessary changes ## Testing - [ ] Added/updated automated tests - [x] QA'd all new/changed functionality manually <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit * **Bug Fixes** * Reduced the spacing between icons and text for a more compact, consistent layout across the product. <!-- end of auto-generated comment: release notes by coderabbit.ai -->
27 lines
765 B
SCSS
27 lines
765 B
SCSS
$pad-auto: auto;
|
|
$pad-xxsmall: px-to-rem(2);
|
|
$pad-xsmall: px-to-rem(4);
|
|
$pad-small: px-to-rem(8);
|
|
$pad-smedium: px-to-rem(12);
|
|
$pad-icon: px-to-rem(14);
|
|
$pad-medium: px-to-rem(16);
|
|
$pad-large: px-to-rem(24);
|
|
$pad-xlarge: px-to-rem(32);
|
|
$pad-xxlarge: px-to-rem(40);
|
|
$pad-xxxlarge: px-to-rem(80);
|
|
|
|
// 2025 Stylesheet
|
|
$pad-page: $pad-xlarge;
|
|
$gap-page-component: $pad-large;
|
|
$gap-page-component-responsiveness: $pad-medium;
|
|
$gap-page-component-inner: $pad-medium;
|
|
$gap-page-component-inner-responsiveness: $pad-smedium;
|
|
$gap-form: $pad-large;
|
|
$gap-form-component: $pad-small;
|
|
$gap-data-sets: $pad-medium;
|
|
$gap-table-elements: $pad-small;
|
|
$gap-action-elements: $pad-small;
|
|
$gap-modal-component: $pad-large;
|
|
$gap-icon-text: $pad-xsmall;
|
|
$table-cell-padding: $pad-large;
|