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);