Refine new budget controls

ParadoxZero · Aug 13, 2024 · 0155d26 · 0155d26
1 parent 0151d97
commit 0155d26
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 12 deletions.
diff --git a/ui/components/header.tsx b/ui/components/header.tsx
@@ -115,16 +115,15 @@ class Header extends React.Component<HeaderProps, HeaderState> {
                     <>
                         {menu}
                         <Divider style={{ margin: '8px 0' }} />
-                        <Space style={{ padding: '0 8px 4px' }}>
-                            <Flex gap={10}>
-                                <Button type="text" icon={<PlusOutlined />} onClick={addItem}>
-                                    New Budget
-                                </Button>
-                                <Button type="text" icon={<LinkOutlined />} disabled onClick={addItem}>
-                                    Link Budget
-                                </Button>
-                            </Flex>
-                        </Space>
+                        <Space style={{ padding: '0 8px 4px' }} />
+                        <Flex gap={10} justify="space-evenly">
+                            <Button type="text" icon={<PlusOutlined />} onClick={addItem}>
+                                New
+                            </Button>
+                            <Button type="text" icon={<LinkOutlined />} disabled onClick={addItem}>
+                                Link
+                            </Button>
+                        </Flex>
                     </>
                 )}
                 labelRender={(label) => (

diff --git a/ui/pages/create_new_budget_page.tsx b/ui/pages/create_new_budget_page.tsx
@@ -75,11 +75,11 @@ export class CreateNewBudgetPage extends React.Component<CreateBudgetPageProps,
     getTitle(): string {
         switch (this.state.current_step) {
             case WizardStep.CreateBudget:
-                return "Create Budget";
+                return "Create a new Budget";
             case WizardStep.AddCategories:
                 return "Allocate Money to Categories";
             case WizardStep.CreateReucrringExpenses:
-                return "Create Recurring Expenses";
+                return "Add Recurring Expenses";
             default:
                 return "Create Budget";
         }