I want to style two levels of nested repeating grids. The functionality of display and user actions is working properly for me. But the screen is wide and there is a lot of empty space especially the height. I have been able to fix the width for some of places but the real concern is height which is creating issues.
Black/Orange boxes symbolize the white space which I want to reduce. Any pointers on reducing the space would be highly appreciated. Thank you!
In the CSS we added an external style and removed all the padding and set height by making making use of the !important css style to override the default height that was set in the html generated in pega.