# Feature DREAM-97 - Change the styling of the split screen layout in the notification center

Project: Stream Design System
Status: closed
URL: https://community.openproject.org/work_packages/DREAM-97

## Planning

| Attribute | Value |
| --- | --- |
| Date |  |
| Priority | Medium |
| Target versions | 14.5.0 |
| Sprint |  |
| 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 | Yes |
| Enterprise plan |  |

## Details

| Attribute | Value |
| --- | --- |
| Pull preview |  |
| Mockups |  |
| Accessibility | No |

## People

| Attribute | Value |
| --- | --- |
| Assignee |  |
| Accountable | Henriette Darge |
| Product manager |  |
| Developers |  |
| Designer | Parimal Satyal |
| Ordered by |  |
| Signed off by |  |
| Interest by |  |

## Estimates and progress

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

## Description

# Pain

*   Currently the split screen does not look very nice in combination with the PageHeader
    

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

# Expected

*   This tickets aims for quick improvements on the design, so no big rework of how the split screen works (see open questions)
    
*   The split screen should be improved according to the visuals
    
    *   The notification rows are boxed.
        
    *   The split screen has rounded corners at the top
        
    *   The split screen is not glued to the tight side of the screen any more
        
    *   There is no space to the bottom of the screen
        
*   Due to technical limitations, the box will always span the complete height of the screen even if there are only few items. This is accepted by the product team
    

## Figma

[https://www.figma.com/design/Lb7ao364ppIiPxp9ptSXkM/Threads?node-id=741-4511](https://www.figma.com/design/Lb7ao364ppIiPxp9ptSXkM/Threads?node-id=741-4511)&nbsp;

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

# Out of scope

*   The content of the split screen remains unchanged for the scope of this ticket
    

# Open questions

*   ~~Shall there be space at the bottom and thus rounded corners at the bottom?~~
    
*   ~~Do we want the split screen to take 100% height (until the app header) and maybe overlap the content?~~
    
    *   Out of scope for this ticket.