# Bug OP-14015 - Odd spacing in Notification and Email Reminder personal setting pages

Project: OpenProject
Status: closed
URL: https://community.openproject.org/work_packages/OP-14015

## Open points

_No work packages_

## Details

| Attribute | Value |
| --- | --- |
| Date |  |
| Priority | Medium |
| Module |  |
| Target versions | 14.0.0 |
| Observed in versions | 13.1.0 |
| Sprint | 14.0.0 |
| Backlog bucket |  |
| Bug found in version (deprecated) | 13.1.x |
| Found in mobile app version |  |
| Follow-up feedback e-mail |  |
| Requires doc change | No |
| Accessibility | No |
| Pull preview |  |
| List |  |
| Labels |  |

## People

| Attribute | Value |
| --- | --- |
| Assignee |  |
| Accountable |  |
| Product manager |  |
| Developers |  |
| Designer |  |
| Ordered by |  |
| Signed off by |  |
| Interest by |  |

## Planning

| Attribute | Value |
| --- | --- |
| Relevance |  |

## Costs

| Attribute | Value |
| --- | --- |
| Votes |  |
| Work |  |
| Labor costs |  |

## Description

### Steps to reproduce

1.  Go to your personal settings ('My account')
2.  Navigate to *Notification settings* and *Email reminders*

### What is the buggy behavior?

  - There isn't sufficient spacing between sections (they all look like one long list)
  - There is no distinction between section header and bold text paragraph

### What is the expected behavior?

1.  Add h3 headers like in other personal settings pages (*Access tokens* and *Avatar*, for example)
    1.  Ensure the updated pages hav similar spacing above the h3 elements

### Important note

  - This is a temporary fix until all settings pages are Primerised. These pages simply have not been updated since their design about a year and a half or two years ago.
  - We might need new translation strings (for the h3 titles). This requires some discussion, please get in touch with product when tackling this bug.

### Screenshots and other files

**Improper spacing in the Notification settings page:**

<img class="op-uc-image op-uc-image_inline" style="width:948px;" src="/api/v3/attachments/84492/content">

**A similar problem int the Email Reminders page:**

**<img class="op-uc-image op-uc-image_inline" style="width:959px;" src="/api/v3/attachments/84493/content">**

**A mockup of h3 headers in the Email Reminders page:**

**<img class="op-uc-image op-uc-image_inline" style="width:952px;" src="/api/v3/attachments/84489/content">**

### Environment information

**Edge**  
**OpenProject 13,1**

**Browser**

- [ ] Chrome
- [x] Firefox
- [ ] Safari
- [ ] Mobile Safari
- [ ] Other (please specify)

**Language**

EN, FR