diff --git a/app/index.html b/app/index.html index d8cb7a3..79cb9ae 100644 --- a/app/index.html +++ b/app/index.html @@ -866,13 +866,13 @@ function render() { totals.appendChild(grandRow); actCard.appendChild(totals); - const actionRow = el('div', {style:{display:'flex', gap:'10px', marginTop:'16px'}}); + const actionRow = el('div', {style:{display:'flex', gap:'10px', marginTop:'8px'}}); const actionFeedback = el('div', {style:{marginTop:'10px'}}); - const saveBtn = el('button', {className:'kb-btn kb-btn--ghost', style:{flex:'0 0 20%'}}, 'Save'); + const saveBtn = el('button', {className:'kb-btn kb-btn--ghost kb-btn--lg', style:{flex:'2'}}, 'Save'); saveBtn.addEventListener('click', () => saveState()); - const validateBtn = el('button', {className:'kb-btn kb-btn--ghost', style:{flex:'0 0 20%'}}, 'Validate'); + const validateBtn = el('button', {className:'kb-btn kb-btn--ghost kb-btn--lg', style:{flex:'2'}}, 'Validate'); validateBtn.addEventListener('click', () => { actionFeedback.innerHTML = ''; const errs = validate(); @@ -890,8 +890,8 @@ function render() { } }); - const genBtn = el('button', {className:'kb-btn kb-btn--primary kb-btn--lg', id:'gen-btn', style:{flex:'0 0 calc(60% - 20px)'}, onClick: onGenerate}); - genBtn.innerHTML = `Download reimbursement form`; + const genBtn = el('button', {className:'kb-btn kb-btn--primary kb-btn--lg', id:'gen-btn', style:{flex:'6'}, onClick: onGenerate}); + genBtn.innerHTML = `Download reimbursement form`; actionRow.append(saveBtn, validateBtn, genBtn); actCard.append(actionRow, actionFeedback);