diff --git a/io.sc.platform.core.frontend/src/platform/components/form/WForm.vue b/io.sc.platform.core.frontend/src/platform/components/form/WForm.vue index 16dee6dc..e8ae7d2f 100644 --- a/io.sc.platform.core.frontend/src/platform/components/form/WForm.vue +++ b/io.sc.platform.core.frontend/src/platform/components/form/WForm.vue @@ -164,9 +164,13 @@ const formLayoutStyleComputed = computed(() => { const fieldStyleComputed = (field) => { const style = {}; if (field) { - if (field.colFirst) { - // col-start-1 + if (field.firstCol) { style['grid-column-start'] = 1; + if (field.colSpan === 'full' || (typeof field.colSpan === 'number' && screenColsNumComputed.value < field.colSpan)) { + style['grid-column-end'] = `${screenColsNumComputed.value + 1}`; + } else if (typeof field.colSpan === 'number' && field.colSpan > 0) { + style['grid-column-end'] = `${field.colSpan + 1}`; + } } else { if (field.colSpan === 'full') { // col-span-${screenColsNumComputed.value}