fix: add spacing before Admin link in blog template

[Cozmocat]

The Admin link currently renders directly after the final navigation item as PostsAdmin.

This adds spacing before the Admin link in the blog template while preserving the existing mobile layout.

The change is made in theme.css so it can flow to the Cloudflare template through the normal template sync.

What does this PR do?

Fixes the blog template navigation so the signed-in Admin link no longer renders directly after the final menu item as PostsAdmin.

Adds spacing through theme.css while preserving the existing mobile layout. The change can flow to the Cloudflare template through the normal template sync.

Type of change

• Bug fix

Checklist

• pnpm typecheck passes
• pnpm lint passes
• pnpm test passes (or targeted tests for my change)
• pnpm format has been run
• I have added/updated tests for my changes (if applicable)
• No translation changes are required
• No changeset is required for this CSS-only template fix

AI-generated code disclosure

• This PR includes AI-generated code — Codex / GPT-5.6 Luna
• I have read [CONTRIBUTING.md]

[changeset-bot]

⚠️ No Changeset found

Latest commit: 731b7ef

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[github-actions]

All contributors have signed the CLA ✍️ ✅
_{Posted by the CLA Assistant Lite bot.}

[emdashbot]

This is the right minimal fix for the stated layout problem. In templates/blog/src/layouts/Base.astro the .nav-admin link is a flex sibling that sits directly after .nav-right, so it renders flush against the last nav item. Adding margin-inline-start: var(--spacing-5) via CSS separates it cleanly while using an RTL-safe logical property, and the existing mobile media query already resets margin-inline-start: 0, so the mobile layout is preserved.

I verified the target class exists in both blog templates, that --spacing-5 is defined in tokens.css, and that this change is CSS-only so no changeset or Lingui update is needed. I did not run the test suite, linter, or formatter.

Two things to address before merge:

1. Formatting — the new CSS is indented with spaces; this project uses tabs everywhere and pnpm format is part of the pre-PR checklist. Run the formatter on templates/blog/src/styles/theme.css.
2. Cloudflare variant — templates/blog-cloudflare/src/styles/theme.css still lacks the rule. Either apply the same addition there or run ./scripts/sync-cloudflare-templates.sh so the checked-in Cloudflare template is actually fixed, as the PR description implies.

[emdashbot]

[needs fixing] The new .nav-admin declaration is indented with two spaces, but the project convention (and .oxfmtrc.json / .prettierrc) is tabs. The whole file is currently spaces, so run pnpm format to convert it rather than committing more space-indented CSS.

Suggested change

	margin-inline-start: var(--spacing-5);
	.nav-admin {
	margin-inline-start: var(--spacing-5);
	}

[emdashbot]

[suggestion] This fixes templates/blog, but templates/blog-cloudflare/src/styles/theme.css still has no .nav-admin spacing rule at the PR head. Since the description says the change should flow to the Cloudflare template, either run ./scripts/sync-cloudflare-templates.sh now or apply the same .nav-admin { margin-inline-start: var(--spacing-5); } addition to templates/blog-cloudflare/src/styles/theme.css so the checked-in variant isn't left with the original spacing bug.

[Cozmocat]

I have read the CLA Document and I hereby sign the CLA

[emdashbot]

This is the right minimal CSS fix for the stated layout problem. After the previous round, both blocking issues are resolved:

• The .nav-admin spacing rule is now added to both templates/blog/src/styles/theme.css and templates/blog-cloudflare/src/styles/theme.css.
• The indentation in the new CSS now uses tabs, matching project style.
• The mobile layout is preserved because both Base.astro files reset .nav-admin { margin-inline-start: 0; } in the max-width: 640px media query.
• The property (margin-inline-start) is RTL-safe, and --spacing-5 is defined in tokens.css.

Templates are listed in .changeset/config.json "ignore", so no changeset is needed for this CSS-only template change, and no Lingui strings are affected.

One small consistency issue remains: the Cloudflare theme.css is missing the explanatory comment that was added above the rule in the base blog theme.css. Since these files are kept in lockstep by scripts/sync-cloudflare-templates.sh, they should be identical; running the sync script now would re-dirty the Cloudflare file by adding that comment. I left a suggestion to add it.

I did not run the linters, type checker, or tests; the spacing fix is visually verified from the file contents only.

[emdashbot]

[suggestion] The Cloudflare variant now includes the .nav-admin spacing rule, but it's missing the explanatory comment that exists in the base blog template (templates/blog/src/styles/theme.css). Because these files are kept in sync by scripts/sync-cloudflare-templates.sh, they should be identical; running that script would add this comment and create unrelated future diff noise. Add the matching comment so both templates stay in lockstep.

Suggested change

	.nav-admin {
	/* Keep the signed-in Admin link separated from the primary navigation. */
	.nav-admin {

[ascorbic]

Thanks

[pkg-pr-new]

Open in StackBlitz

@emdash-cms/admin

npm i https://pkg.pr.new/@emdash-cms/admin@1968

@emdash-cms/auth

npm i https://pkg.pr.new/@emdash-cms/auth@1968

@emdash-cms/auth-atproto

npm i https://pkg.pr.new/@emdash-cms/auth-atproto@1968

@emdash-cms/blocks

npm i https://pkg.pr.new/@emdash-cms/blocks@1968

@emdash-cms/cloudflare

npm i https://pkg.pr.new/@emdash-cms/cloudflare@1968

@emdash-cms/contentful-to-portable-text

npm i https://pkg.pr.new/@emdash-cms/contentful-to-portable-text@1968

emdash

npm i https://pkg.pr.new/emdash@1968

create-emdash

npm i https://pkg.pr.new/create-emdash@1968

@emdash-cms/gutenberg-to-portable-text

npm i https://pkg.pr.new/@emdash-cms/gutenberg-to-portable-text@1968

@emdash-cms/plugin-cli

npm i https://pkg.pr.new/@emdash-cms/plugin-cli@1968

@emdash-cms/plugin-types

npm i https://pkg.pr.new/@emdash-cms/plugin-types@1968

@emdash-cms/registry-client

npm i https://pkg.pr.new/@emdash-cms/registry-client@1968

@emdash-cms/registry-lexicons

npm i https://pkg.pr.new/@emdash-cms/registry-lexicons@1968

@emdash-cms/sandbox-workerd

npm i https://pkg.pr.new/@emdash-cms/sandbox-workerd@1968

@emdash-cms/x402

npm i https://pkg.pr.new/@emdash-cms/x402@1968

@emdash-cms/plugin-ai-moderation

npm i https://pkg.pr.new/@emdash-cms/plugin-ai-moderation@1968

@emdash-cms/plugin-atproto

npm i https://pkg.pr.new/@emdash-cms/plugin-atproto@1968

@emdash-cms/plugin-audit-log

npm i https://pkg.pr.new/@emdash-cms/plugin-audit-log@1968

@emdash-cms/plugin-color

npm i https://pkg.pr.new/@emdash-cms/plugin-color@1968

@emdash-cms/plugin-embeds

npm i https://pkg.pr.new/@emdash-cms/plugin-embeds@1968

@emdash-cms/plugin-field-kit

npm i https://pkg.pr.new/@emdash-cms/plugin-field-kit@1968

@emdash-cms/plugin-forms

npm i https://pkg.pr.new/@emdash-cms/plugin-forms@1968

@emdash-cms/plugin-webhook-notifier

npm i https://pkg.pr.new/@emdash-cms/plugin-webhook-notifier@1968

commit: 731b7ef