.table-builder-modal-modal { .modal-inner-container { --modal-max-width: 90vw; } } .table-header-fields { display: flex; gap: 0.5rem; margin-bottom: 2rem; .table-builder-input { font-weight: bold; } .header-column { border: 1px solid var(--primary-low-mid); padding: 1rem; display: flex; flex-direction: column; } .column-action-buttons { display: flex; width: 100%; gap: 0.5rem; margin-top: auto; border-top: 1px solid var(--primary-low-mid); padding-top: 1rem; .btn { flex: 1; } &.column-aligned { &-right .btn-align-right { background: var(--primary-high); .d-icon { color: var(--primary-very-low); } } &-left .btn-align-left { background: var(--primary-high); .d-icon { color: var(--primary-very-low); } } &-center .btn-align-center { background: var(--primary-high); .d-icon { color: var(--primary-very-low); } } } } .body-inputs { display: flex; flex-direction: column; .table-builder-input { font-weight: normal; } } .body-row { display: flex; align-items: center; justify-content: flex-start; margin-bottom: 1rem; gap: 0.5rem; input { margin-bottom: 0; } } }