From 109ed5375d861ba8c8dba118c97ba8a6e1fb9e5a Mon Sep 17 00:00:00 2001
From: Achintha Isuru <achinthaisuru444@gmail.com>
Date: Sun, 1 Feb 2026 20:28:29 -0500
Subject: [PATCH] Refactor UI components: update button size to large and
 adjust profile header margin

---
 .../packages/design_system/lib/src/ui_theme.dart       |  3 ++-
 .../design_system/lib/src/widgets/ui_button.dart       | 10 +++++-----
 .../client_settings_page/settings_profile_header.dart  |  2 +-
 3 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/apps/mobile/packages/design_system/lib/src/ui_theme.dart b/apps/mobile/packages/design_system/lib/src/ui_theme.dart
index ae97f1b6..2b098529 100644
--- a/apps/mobile/packages/design_system/lib/src/ui_theme.dart
+++ b/apps/mobile/packages/design_system/lib/src/ui_theme.dart
@@ -1,7 +1,8 @@
 import 'package:flutter/material.dart';
+
 import 'ui_colors.dart';
-import 'ui_typography.dart';
 import 'ui_constants.dart';
+import 'ui_typography.dart';
 
 /// The main entry point for the Staff Design System theme.
 /// Assembles colors, typography, and constants into a comprehensive Material 3 theme.
diff --git a/apps/mobile/packages/design_system/lib/src/widgets/ui_button.dart b/apps/mobile/packages/design_system/lib/src/widgets/ui_button.dart
index d2dc3abb..68f16e49 100644
--- a/apps/mobile/packages/design_system/lib/src/widgets/ui_button.dart
+++ b/apps/mobile/packages/design_system/lib/src/widgets/ui_button.dart
@@ -50,7 +50,7 @@ class UiButton extends StatelessWidget {
     this.trailingIcon,
     this.style,
     this.iconSize = 20,
-    this.size = UiButtonSize.medium,
+    this.size = UiButtonSize.large,
     this.fullWidth = false,
   }) : assert(
          text != null || child != null,
@@ -67,7 +67,7 @@ class UiButton extends StatelessWidget {
     this.trailingIcon,
     this.style,
     this.iconSize = 20,
-    this.size = UiButtonSize.medium,
+    this.size = UiButtonSize.large,
     this.fullWidth = false,
   }) : buttonBuilder = _elevatedButtonBuilder,
        assert(
@@ -85,7 +85,7 @@ class UiButton extends StatelessWidget {
     this.trailingIcon,
     this.style,
     this.iconSize = 20,
-    this.size = UiButtonSize.medium,
+    this.size = UiButtonSize.large,  
     this.fullWidth = false,
   }) : buttonBuilder = _outlinedButtonBuilder,
        assert(
@@ -103,7 +103,7 @@ class UiButton extends StatelessWidget {
     this.trailingIcon,
     this.style,
     this.iconSize = 20,
-    this.size = UiButtonSize.medium,
+    this.size = UiButtonSize.large,
     this.fullWidth = false,
   }) : buttonBuilder = _textButtonBuilder,
        assert(
@@ -121,7 +121,7 @@ class UiButton extends StatelessWidget {
     this.trailingIcon,
     this.style,
     this.iconSize = 20,
-    this.size = UiButtonSize.medium,
+    this.size = UiButtonSize.large,
     this.fullWidth = false,
   }) : buttonBuilder = _textButtonBuilder,
        assert(
diff --git a/apps/mobile/packages/features/client/settings/lib/src/presentation/widgets/client_settings_page/settings_profile_header.dart b/apps/mobile/packages/features/client/settings/lib/src/presentation/widgets/client_settings_page/settings_profile_header.dart
index f644caf3..5d4deac1 100644
--- a/apps/mobile/packages/features/client/settings/lib/src/presentation/widgets/client_settings_page/settings_profile_header.dart
+++ b/apps/mobile/packages/features/client/settings/lib/src/presentation/widgets/client_settings_page/settings_profile_header.dart
@@ -35,7 +35,7 @@ class SettingsProfileHeader extends StatelessWidget {
       flexibleSpace: FlexibleSpaceBar(
         background: Container(
           padding: const EdgeInsets.symmetric(horizontal: UiConstants.space8),
-          margin: const EdgeInsets.only(top: UiConstants.space16),
+          margin: const EdgeInsets.only(top: UiConstants.space24),
           child: Row(
             crossAxisAlignment: CrossAxisAlignment.center,
             mainAxisAlignment: MainAxisAlignment.start,