# Bug OP-11181 - Files list: inconsistencies in spacing and colours 

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

## Open points

_No work packages_

## Details

| Attribute | Value |
| --- | --- |
| Date |  |
| Priority | High |
| Module |  |
| Target versions | 12.3.0 |
| Observed in versions | 12.2.0 |
| Sprint | 12.3.0 |
| Backlog bucket |  |
| Bug found in version (deprecated) | 12.2.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.  Open a work package in full screen or details view, which has:
    1.  Attached files (or attach a file)
    2.  Linked Nextcloud files (or link a new one)

### What is the buggy behavior?

  - On hover on a file attachment:
      - There is too much margin to the right of the "delete" action (extra margin marked with a red rectangle below).

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

  - On hover on a file link:
      - There is too much margin to the right on the "unlink" action (extra margin marked with a red rectangle below).

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

  - On hover on a film link with the "no permission message"
      - There is too much right margin on the error, after the text "You have no permission to see this file".
      - The spacing between the icon and the text is to big.

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

### What is the expected behavior?

  - The "unlink" and "delete" hover actions on the file list should be right-aligned the same as the user icon before hover.
      - In other others, the right-margin should not change on hover.
  - For the permission error, the space between the icon and the error text should be reduced to 0.25rem.
  - 
**Visuals as specified:**

<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/38803/content"></div><figcaption class="op-uc-figure--description"><br data-cke-filler="true"></figcaption></figure>

**0.75 rem spacing between the file list and "Link files' link:**

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

### 

### Environment information

**OpenProject installation type**

- [ ] Edge, 12.3

**OpenProject version**

12.3

**Browser**

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

**Language**

EN