# Bug OP-9951 - Include projects - Frontend refinements

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

## Open points

_No work packages_

## Details

| Attribute | Value |
| --- | --- |
| Date | 2022-01-11 – 2022-02-25 |
| Priority | Medium |
| Module |  |
| Target versions | 12.1.0 |
| Observed in versions |  |
| Sprint | 12.1.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

This work package is just a list note for refinements.

  

### Refinements:

*   Limit the height of the modal and include scrolling when needed:

<figure class="image op-uc-figure" style="width:50%;"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/27807/content"></div></figure>

*   Selected checkboxes are not correctly styled as specified in our DS (there is no blue background on the box):

<figure class="image op-uc-figure" style="width:50%;"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/27808/content"></div></figure>

*   Buttons and toggle corners are not 100% round:

<figure class="image op-uc-figure" style="width:50%;"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/27809/content"></div></figure>

<figure class="image op-uc-figure" style="width:50%;"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/27810/content"></div></figure>

*   The search bar is not correctly styled as specified in our DS (blue instead of black text, focus state) and has less margin to the end of the dialog than the specified (16xp=1REM):

<figure class="image op-uc-figure" style="width:50%;"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/27811/content"></div></figure>

*   Margins of the header section are not correct (top and laterals) also the distance to the button &quot;Include Projects&quot; should be 4px=0.25REM:

<figure class="image op-uc-figure" style="width:50%;"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/27812/content"></div></figure>