Gaps around sections

HCL Leap Leap Forum
1

I have installed the lates version 1.1.1 and made my first app but one thing that is annoying me is there is a gap around each section that I can't get rid of tried various css but it is still there any suggestions. Honestly volt leap have long way to go to be user friendly and create apps without coding is nearly impossible.

Thank you

.lfAppBackground {
background: #943030 !important;
border: none !important;
}

.lfMn .lfAppFormArea .lfFormBox {
border: none !important;
}


}
.lfMn .grid-layout-table .grid-layout-cell > .lfFormField {
padding: 0px !important;
border: none !important;
}

2

If you assign a custom CSS name to your section you should be able to get rid of the inner padding using:

.lfMn .mySection .grid-layout-cell {
padding: 0px;
}