coracle/flotilla
1
6
Fork 24
Code Issues 42 Pull Requests 2 Actions Packages Projects 5 Releases Wiki Activity

Inconsistent placement of toggle switches in settings screens #208

New Issue
Closed
opened 2026-04-15 17:49:02 +00:00 by Prat_09 · 3 comments
Prat_09 commented 2026-04-15 17:49:02 +00:00
Contributor
Copy Link
Copy Source

Hi @hodlbod ,
While exploring the settings modal, I observed a small inconsistency in the placement of the toggle switches across different setting screens in both the desktop & mobile interfaces.

In some cases, the toggles are aligned consistently (Alert settings), while in other settings (content & privacy) the alignment varies slightly. Standardising it across all the settings could improve the visual consistency and make the UI feel more polished.

Happy to work on this issue, if it makes sense.

Hi @hodlbod , While exploring the settings modal, I observed a small inconsistency in the placement of the toggle switches across different setting screens in both the desktop & mobile interfaces. In some cases, the toggles are aligned consistently (Alert settings), while in other settings (content & privacy) the alignment varies slightly. Standardising it across all the settings could improve the visual consistency and make the UI feel more polished. Happy to work on this issue, if it makes sense.
Screenshot 2026-04-15 at 11.14.30 PM.png
78 KiB
Screenshot 2026-04-15 at 11.14.48 PM.png
57 KiB
Screenshot 2026-04-15 at 11.15.19 PM.png
68 KiB
Screenshot 2026-04-15 at 11.14.30 PM.png Screenshot 2026-04-15 at 11.14.48 PM.png Screenshot 2026-04-15 at 11.15.19 PM.png
hodlbod commented 2026-04-15 21:17:22 +00:00
Owner
Copy Link
Copy Source

Sure, that would be helpful! The form components in general I'm not super happy with; I prefer inline when possible, but responsiveness makes that difficult.

Sure, that would be helpful! The form components in general I'm not super happy with; I prefer inline when possible, but responsiveness makes that difficult.
Prat_09 was assigned by hodlbod 2026-04-15 21:17:29 +00:00
hodlbod added the design label 2026-04-15 21:17:32 +00:00
hodlbod added this to the Current milestone 2026-04-15 21:17:33 +00:00
Prat_09 commented 2026-04-16 19:02:19 +00:00
Author
Contributor
Copy Link
Copy Source

Hii @hodlbod ,
Implemented potential fixes to standardise the placement of toggle switches in design.

Changes:

  • Standardised toggle switch placement with inline alignment to the setting title
  • For multi-line titles, the toggle remains aligned to the right and vertically centered relative to the title block
  • Descriptions are placed consistently below the setting title and toggle.
Alert Settings Content Settings Privacy Settings
image.png image.png image.png

If this sounds good, I'd move ahead and raise a PR on this.

Let me know if any further refinements are required.

Hii @hodlbod , Implemented potential fixes to standardise the placement of toggle switches in design. Changes: - Standardised toggle switch placement with inline alignment to the setting title - For multi-line titles, the toggle remains aligned to the right and vertically centered relative to the title block - Descriptions are placed consistently below the setting title and toggle. |Alert Settings|Content Settings|Privacy Settings| |:--:|:--:|:--:| |![image.png](/attachments/3fb7095b-1cf8-4190-aa54-80d5aca83b83)|![image.png](/attachments/ca3ffa70-e723-44a7-ab6f-e99a2a426653)|![image.png](/attachments/fa7abd63-348c-4dc6-898d-748c493c05a3)| If this sounds good, I'd move ahead and raise a PR on this. Let me know if any further refinements are required.
image.png
95 KiB
image.png
96 KiB
image.png
132 KiB
hodlbod added dev and removed design labels 2026-04-16 21:34:52 +00:00
hodlbod commented 2026-04-16 21:34:59 +00:00
Owner
Copy Link
Copy Source

Looks good! Moved to dev.

Looks good! Moved to dev.
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
design
For issues related to design work. Development should be done in another issue and refer back to this one.
 dev
Issues related to development work
 easy
Issues that can be executed on by new contributors
 idea
For issues that aren't yet actionable
 priority
For issues related to high priority features and bugs
 usability
Issues that have to be validated with real live human beings.
No Label dev
Milestone
No items
No Milestone Current
Projects
Clear projects
No project
Assignees
Clear assignees
hodlbod (hodlbod) mplorentz (Matt Lorentz) sakshamjain (Saksham Jain) sondreb triesap userAdityaa (Aditya Chaudhary)
No Assignees Prat_09
2 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: coracle/flotilla#208
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?