From 0155d2645ab9b59c56286a8d25cf0f005123da42 Mon Sep 17 00:00:00 2001
From: Sidhin S Thomas <thomas.sidhin@outlook.com>
Date: Tue, 13 Aug 2024 19:03:22 +0530
Subject: [PATCH] Refine new budget controls

---
 ui/components/header.tsx            | 19 +++++++++----------
 ui/pages/create_new_budget_page.tsx |  4 ++--
 2 files changed, 11 insertions(+), 12 deletions(-)

diff --git a/ui/components/header.tsx b/ui/components/header.tsx
index 6952c55..59661c8 100644
--- 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
index 93fc659..5148e9f 100644
--- 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";
         }