# Feature OP-9768 - Make Add Existing panel narrower than is currently implemented (and make sure its shadow is not cut off)

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

## Planning

| Attribute | Value |
| --- | --- |
| Date | 2021-11-01 – 2022-02-27 |
| Priority | Medium |
| Target versions | 12.1.0 |
| Sprint | 12.1.0 |
| Backlog bucket |  |
| Votes |  |
| List |  |
| Roadmap |  |
| Relevance |  |

## OPEN POINTS / FEEDBACK

_No work packages_

## Features and Chunks

_No work packages_

## Bugs and other work packages

_No work packages_

## Technical Details

| Attribute | Value |
| --- | --- |
| Module |  |
| Feature Flag |  |
| Requires doc change | No |
| Enterprise plan |  |

## Details

| Attribute | Value |
| --- | --- |
| Pull preview |  |
| Mockups |  |
| Found in mobile app version |  |
| Follow-up feedback e-mail |  |
| Accessibility | No |

## People

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

## Estimates and progress

| Attribute | Value |
| --- | --- |
| PD (min) |  |
| PD (max) |  |
| Work |  |
| Labor costs |  |

## Description

The original specifications on <mention class="mention" data-id="39784" data-type="work_package" data-text="#39784">\#39784</mention> did not specify the width of the Add Existing pane, and the currently implemented on is too wide.

**Acceptance criteria**

  - Make the "Add existing" left-side panel a fixed width of 264px so it looks more like it is in the Figma screens:

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

  - In the current implementation, the shadows of the cards are cut off. I tried changing the CSS to bring the current implementation on Edge to 264 pixels and it looks like the following. If we need to add a few pixels of padding on the left and right of each card so that the shadows are fully visible, we can certainly do this (and make it 274 or 284 pixels for example).

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

### Note

*The first image above (the Figma export) has an update cards design where attributes order has changed; this will be described in a separate ticket.*