# Bug OP-11927 - Date picker on Non-working days: not enough spacing between the date field and the calendar + arrows

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

## Open points

_No work packages_

## Details

| Attribute | Value |
| --- | --- |
| Date |  |
| Priority | Low |
| Module |  |
| Target versions | 12.5.0 |
| Observed in versions |  |
| Sprint | 12.5.0 |
| Backlog bucket |  |
| Bug found in version (deprecated) |  |
| 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

*Please write down the steps to reproduce. Try to write down all necessary preconditions (what permissions do you have, are other users involved?). Example:*

1.  Login to QA Edge and go to Administration -\> Working days
2.  Click on +Non-working day
3.  Look at the date picker

### What is the buggy behavior?

*Please describe the bug with as most details as possible. Example:*

  - There is not enough spacing between the date field (+Today) and the calendar
  - Arrows are too far away

<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/51049/content">

### What is the expected behavior?

*Describe how the application should behave like. Example:*

1.  On the proposed design visual, there is more spacing and arrows are closer to each other

<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/51048/content">

### Environment information

*Please check and fill out the following details to help us identify in what versions and distributions of OpenProject the error occurs*

**OpenProject installation type**

- [ ] Hosted cloud edition
- [ ] Packaged installation
    - What distribution?
- [ ] Docker All-in-one container
- [ ] Docker-compose installation
- [x] Other (please specify): QA Edge

**OpenProject version**

*If you're not running on the cloud edition, please specify the version of OpenProject you're running. Example: v12.1.5*

**Browser**

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