Altinn / Altinn/app-frontend-react
Group padding-bottom v4
- Dominant language
- TypeScript
- Stars
- 21
- Forks
- 33
- Avg merge
- 6d 23h
- Merged PRs (30d)
- 3
Description
### Description of the bug
The Group component currently has a padding of 38px, which results in greater spacing for the component that follows in comparison to other components.
While this can be beneficial for separating different sections, it’s aslo used to organize components. For instance, if you have several components that need to share the same hidden expression, the Group component serves as an effective organizational tool.” Is this something that should be considered as a bug in V4?
Example from app:

The padding is defined in GroupComponent.module.css:

### Steps To Reproduce
1. Create a group component
2. Place an input below the group
### Additional Information
_No response_
Contributor guide
Research direction
Start with GroupComponent.module.css and reproduce the layout using a Group component followed by an input. Compare the Group spacing with other components and confirm the intended padding behavior with the issue context. Done means the Group no longer creates unintended extra spacing while still providing the expected organizational separation.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 38/100