Skip to content

Notifications settings reflow on mobile #9016

@paulinebessoles

Description

@paulinebessoles

Describe the bug
There seems to be a reflow issue on the notifications settings page in the participant's account when navigating on mobile.

To Reproduce
Steps to reproduce the behavior:

  1. Sisn in as a user
  2. Go to MY account
  3. Click on notifications settings tab
  4. Switch on mobile view with your browser inspector
  5. See error

Expected behavior
I expect padding to adapt to the mobile device.
It seems that it's caused by div and p being direct children of the form element. May be we should put them into a parent column element.

Screenshots
Capture d’écran 2022-03-14 à 17 28 12

Additional context
This fix might overlap with Decidim redesign and PWA, but I wanted to report it in case it wasn't spotted before!
This also is an accessibility issue.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions