Content
View differences
Updated by Parimal Satyal about 1 year ago
### Steps to reproduce
1. Go to [https://qa.openproject-stage.com/projects/cecile-demo-project/work\_packages?query\_id=905](https://qa.openproject-stage.com/projects/cecile-demo-project/work_packages?query_id=905)
2. Open the date picker or the relations tab for WP 4076
3. Go to predecessor tab
### What is the buggy behaviour?
* The WP list looks visually cramped
### What is the expected behaviour?
* The date picker relation item should use the same internal margins a linked relation the Relations tab. tab (see below).
* It doesn't look visually cramped anymore. In both places, the `margin-bottom` below the _work package name_ and _relation description_ (where it exists) should be slightly lowered from `base-size-8` to `base-size-4.`
**Reference of expected rendering:**
* The following is example of a related work package item (in the Relations tab in this case), with a small correction in margin, where
* `.mb-2 { margin-bottom: var(--base-size-8, 8px) !important; }` is replaced with
* `.mb-2 { margin-bottom: var(**--base-size-4**, 8px) !important;`
<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/346104/content">
<br>
### Screenshots and other files
<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/345843/content">
### Environment information
**OpenProject version**
Core build
[8504dba797ad8fdc2a0f116f2a3608d3738bd115](https://github.com/opf/openproject/commits/8504dba797ad8fdc2a0f116f2a3608d3738bd115)
Product version
[22feb25c7196201d723ee523582ce02bef57bcb8](https://github.com/opf/saas-openproject/commits/22feb25c7196201d723ee523582ce02bef57bcb8)
Core version
OpenProject 15.4.0
**Browser**
* [ ] Chrome
* [x] Firefox
* [ ] Safari
* [ ] Mobile Safari
* [ ] Other (please specify)
**Operating System**
* [x] Windows
* [ ] Mac OS X
* [ ] Mobile iOS
* [ ] Mobile Android
* [ ] Linux (please specify distro)
* [ ] Chrome OS
* [ ] Other (please specify)
1. Go to [https://qa.openproject-stage.com/projects/cecile-demo-project/work\_packages?query\_id=905](https://qa.openproject-stage.com/projects/cecile-demo-project/work_packages?query_id=905)
2. Open the date picker or the relations tab for WP 4076
3. Go to predecessor tab
### What is the buggy behaviour?
* The WP list looks visually cramped
### What is the expected behaviour?
* The date picker relation item should use the same internal margins a linked relation the Relations tab.
* It doesn't look visually cramped anymore.
* The following is example of a related work package item (in the Relations tab in this case), with a small correction in margin, where
* `.mb-2 { margin-bottom: var(--base-size-8, 8px) !important; }` is replaced with
* `.mb-2 { margin-bottom: var(**--base-size-4**, 8px) !important;`
<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/346104/content">
<br>
<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/345843/content">
### Environment information
**OpenProject version**
Core build
[8504dba797ad8fdc2a0f116f2a3608d3738bd115](https://github.com/opf/openproject/commits/8504dba797ad8fdc2a0f116f2a3608d3738bd115)
Product version
[22feb25c7196201d723ee523582ce02bef57bcb8](https://github.com/opf/saas-openproject/commits/22feb25c7196201d723ee523582ce02bef57bcb8)
Core version
OpenProject 15.4.0
**Browser**
* [ ] Chrome
* [x] Firefox
* [ ] Safari
* [ ] Mobile Safari
* [ ] Other (please specify)
**Operating System**
* [x] Windows
* [ ] Mac OS X
* [ ] Mobile iOS
* [ ] Mobile Android
* [ ] Linux (please specify distro)
* [ ] Chrome OS
* [ ] Other (please specify)