Skip to content

fix(settings): align My calendars spacing#248

Merged
ttonyxx merged 1 commit into
mainfrom
tony/fix-spacing
Apr 24, 2026
Merged

fix(settings): align My calendars spacing#248
ttonyxx merged 1 commit into
mainfrom
tony/fix-spacing

Conversation

@ttonyxx

@ttonyxx ttonyxx commented Apr 24, 2026

Copy link
Copy Markdown
Collaborator

Summary

  • Move the Add calendar <v-dialog> back inside the tw-px-4 tw-py-2 wrapper so the button and disclaimer share the same indent as the account row
  • Switch the button from tw-w-full (which centered the label awkwardly) to -tw-ml-2 tw-w-fit tw-px-2 so it left-aligns under the account row
  • Zero out the default browser <p> margins and use tw-mt-1 so the disclaimer sits tightly below the button

Closes the weird vertical gap between the calendar account and the Add calendar button in the Settings → Calendar access section, and the disclaimer no longer runs flush against the card's left edge.

Test plan

  • Settings page: My calendars card shows the account, the + Add calendar button, and the disclaimer all aligned under the same left padding, with tight vertical spacing
  • Clicking + Add calendar still opens the CalendarTypeSelector dialog
  • Toggle-state consumers (InvitationDialog, ScheduleOverlap) still render the collapse chevron and fit-width button as before

Move the Add calendar v-dialog back inside the padded container so the
button and disclaimer share the same tw-px-4 indent as the account row.
Switch the button to left-aligned fit-width (was tw-w-full, which centered
the label awkwardly) and zero out the default <p> margins.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
@ttonyxx ttonyxx merged commit f8aace5 into main Apr 24, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant