Hive
fix(server): restore project settings padding
GitHub issue · Closed
What changed
- Restored page-level padding on the project settings pages: General, Notifications, Automations, and Bundles.
- Moved the existing top spacing from the title element to the page root so the title, tabs, and settings content share the same horizontal gutter.
Why
The project settings layout was flush against the left edge because these pages relied on shared .layout__content padding instead of owning their page gutter. The settings tab menu intentionally resets its own padding to zero, so once the shared layout padding was removed there was no horizontal spacing left for the settings surface.
Comparable project pages already apply var(--noora-spacing-7) var(--noora-spacing-5) at the page root. Applying the same root padding here keeps the settings pages aligned with the rest of the app while preserving the intended vertical spacing.
Root cause
The latent issue was introduced with project settings in PR #8197 (3418fd5123b9, merged 2025-09-15 12:29:24 UTC): project_settings.css used title-only padding-top and did not define page-level horizontal padding.
The visible regression happened in PR #11138 (6d2d49f0709e, merged 2026-06-08 12:16:43 UTC), which removed padding: var(--noora-spacing-5) from .layout__content. Pages that already owned their root padding kept their gutter; project settings did not, so it became flush with the sidebar boundary.
Impact
Project settings no longer render flush against the sidebar boundary. The fix applies consistently across all project settings tabs that share the same layout pattern.
Validation
- Ran
git diff --cached --check. - Rebuilt the app CSS bundle locally.
- Ran Phoenix locally on
http://localhost:8523and verified/responds with the expected redirect to/users/log_in. - Verified the served CSS contains
#project-settings { padding: var(--noora-spacing-7) var(--noora-spacing-5); }. - Confirmed the in-app browser loads
http://localhost:8523/tuist/public/settingswith the padding restored.