Skip to content

[Design polish] Decrease horizontal page gutters & increase card padding on mobile #100819

Closed

Description

@shawnborton

On mobile, we are using 20px horizontal gutters which causes the content on the page to feel quite squished. Let's use smaller horizontal gutters for page that list cards or tables to take advantage of more horizontal space. We still want things like blocks of text to appear to be 20px from the edge of the screen in the case that those blocks are not wrapped in a card or a table.

Image

We also want to slightly increase the card padding on mobile to be 24px:

Image

Tracking issue: #100792

Issue OwnerCurrent Issue Owner: @huult

Activity

  1. changed the title [-]Decrease horizontal page gutters & increase card padding on mobile[/-] [+][Design polish] Decrease horizontal page gutters & increase card padding on mobile[/+] on Sep 10, 2026
  2. grgia commented on Sep 10, 2026

    @grgia
    Contributor

    Looking at this @shawnborton

  3. shawnborton commented on Sep 10, 2026

    @shawnborton
    ContributorAuthor

    Sounds good, holler if you want Melvin to take it or if we should have @huult implement

  4. grgia commented on Sep 10, 2026

    @grgia
    Contributor

    spinning local claude, better than melvin for these design ones

  5. grgia commented on Sep 10, 2026

    @grgia
    Contributor

    ^ above Im testing out if we can standardise our layout in code for cardPadding and pageGutter

  6. huult commented on Sep 10, 2026

    @huult
    Contributor

    Sounds good, holler if you want Melvin to take it or if we should have @huult implement

    Happy to take this one if you want me to implement it.

  7. 1 remaining item

  8. added
    Skip PaymentSkips all the payment process steps for an issue. Use it for fixed-price projects.
    on Sep 25, 2026
  9. melvin-bot commented on Oct 8, 2026

    @melvin-bot

    ⚠️ Looks like this issue was linked to a Deploy Blocker here

    If you are the assigned CME please investigate whether the linked PR caused a regression and leave a comment with the results.

    If a regression has occurred and you are the assigned CM follow the instructions here.

    If this regression could have been avoided please consider also proposing a recommendation to the PR checklist so that we can avoid it in the future.

  10. added and removed
    ReviewingHas a PR in review
    on Oct 8, 2026
  11. melvin-bot commented on Oct 8, 2026

    @melvin-bot

    @huult

    The solution for this issue has been 🚀 deployed to production 🚀 in version 9.5.5-2 and is now subject to a 7-day regression period 📆. Here is the list of pull requests that resolve this issue:

  12. huult commented on Oct 9, 2026

    @huult
    Contributor

    Not overdue

  13. melvin-bot commented on Oct 12, 2026

    @melvin-bot

    @huult Whoops! This issue is 2 days overdue. Let's get this updated quick!

  14. huult commented on Oct 13, 2026

    @huult
    Contributor

    23. @huult Whoops! This issue is 2 days overdue. Let's get this updated quick!

    It’s not overdue yet. We still have 3 days to close it.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Labels

DailyKSv2Skip PaymentSkips all the payment process steps for an issue. Use it for fixed-price projects.

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions