From 6ef691881abd316a89852678f312a730b56914f1 Mon Sep 17 00:00:00 2001
From: Achintha Isuru <achinthaisuru444@gmail.com>
Date: Thu, 22 Jan 2026 11:32:30 -0500
Subject: [PATCH] CHORE: Update UI spacing and colors in client home widgets

Added spacing to the ClientHomePage widget column and updated icon and background colors in ActionsWidget to use theme constants. Adjusted padding and removed boxShadow from _ActionCard for a cleaner appearance.
---
 .../src/presentation/pages/client_home_page.dart    |  4 +++-
 .../src/presentation/widgets/actions_widget.dart    | 13 +++----------
 2 files changed, 6 insertions(+), 11 deletions(-)

diff --git a/apps/mobile/packages/features/client/home/lib/src/presentation/pages/client_home_page.dart b/apps/mobile/packages/features/client/home/lib/src/presentation/pages/client_home_page.dart
index 83bbcf91..bf3fe1b1 100644
--- a/apps/mobile/packages/features/client/home/lib/src/presentation/pages/client_home_page.dart
+++ b/apps/mobile/packages/features/client/home/lib/src/presentation/pages/client_home_page.dart
@@ -256,6 +256,7 @@ class ClientHomePage extends StatelessWidget {
     final title = _getWidgetTitle(id);
 
     return Column(
+      spacing: UiConstants.space2,
       children: [
         Row(
           children: [
@@ -302,7 +303,8 @@ class ClientHomePage extends StatelessWidget {
             ),
           ],
         ),
-        const SizedBox(height: UiConstants.space2),
+
+        // Widget content
         Opacity(
           opacity: isVisible ? 1.0 : 0.4,
           child: IgnorePointer(
diff --git a/apps/mobile/packages/features/client/home/lib/src/presentation/widgets/actions_widget.dart b/apps/mobile/packages/features/client/home/lib/src/presentation/widgets/actions_widget.dart
index 5a854195..784fdf6f 100644
--- a/apps/mobile/packages/features/client/home/lib/src/presentation/widgets/actions_widget.dart
+++ b/apps/mobile/packages/features/client/home/lib/src/presentation/widgets/actions_widget.dart
@@ -46,8 +46,8 @@ class ActionsWidget extends StatelessWidget {
             icon: UiIcons.add,
             color: UiColors.white,
             borderColor: UiColors.border,
-            iconBgColor: const Color(0xFFEFF6FF),
-            iconColor: const Color(0xFF2563EB),
+            iconBgColor: UiColors.primaryForeground,
+            iconColor: UiColors.primary,
             textColor: UiColors.textPrimary,
             subtitleColor: UiColors.textSecondary,
             onTap: onCreateOrderPressed,
@@ -88,18 +88,11 @@ class _ActionCard extends StatelessWidget {
     return GestureDetector(
       onTap: onTap,
       child: Container(
-        height: 100,
-        padding: const EdgeInsets.all(UiConstants.space3),
+        padding: const EdgeInsets.all(UiConstants.space4),
         decoration: BoxDecoration(
           color: color,
           borderRadius: UiConstants.radiusLg,
           border: Border.all(color: borderColor),
-          boxShadow: [
-            BoxShadow(
-              color: UiColors.black.withValues(alpha: 0.02),
-              blurRadius: 4,
-            ),
-          ],
         ),
         child: Column(
           mainAxisAlignment: MainAxisAlignment.center,