From c1938ce31bd8dfb323acce9364488c1cf10956b7 Mon Sep 17 00:00:00 2001
From: dab246 <tdvu@linagora.com>
Date: Thu, 3 Jul 2025 11:06:38 +0700
Subject: [PATCH] Add padding for progress bar in Preferences

Signed-off-by: dab246 <tdvu@linagora.com>
---
 .../presentation/menu/settings_utils.dart          | 14 ++++++++++++++
 .../presentation/preferences/preferences_view.dart | 13 ++++++++-----
 .../preferences/widgets/setting_option_item.dart   |  2 +-
 3 files changed, 23 insertions(+), 6 deletions(-)

diff --git a/lib/features/manage_account/presentation/menu/settings_utils.dart b/lib/features/manage_account/presentation/menu/settings_utils.dart
index b7e572eb2..5367d126d 100644
--- a/lib/features/manage_account/presentation/menu/settings_utils.dart
+++ b/lib/features/manage_account/presentation/menu/settings_utils.dart
@@ -124,6 +124,20 @@ class SettingsUtils {
     }
   }
 
+  static EdgeInsetsGeometry getSettingProgressBarPadding(
+    BuildContext context,
+    ResponsiveUtils responsiveUtils,
+  ) {
+    if (responsiveUtils.isWebDesktop(context)) {
+      return const EdgeInsetsDirectional.only(end: 16, top: 16);
+    } else if (responsiveUtils.isTablet(context) ||
+        responsiveUtils.isTabletLarge(context)) {
+      return const EdgeInsetsDirectional.only(start: 32, end: 32, top: 16);
+    } else {
+      return const EdgeInsetsDirectional.only(start: 16, end: 16, top: 16);
+    }
+  }
+
   static EdgeInsetsGeometry? getMarginSettingDetailsView(
     BuildContext context,
     ResponsiveUtils responsiveUtils,
diff --git a/lib/features/manage_account/presentation/preferences/preferences_view.dart b/lib/features/manage_account/presentation/preferences/preferences_view.dart
index f02742563..febd37c07 100644
--- a/lib/features/manage_account/presentation/preferences/preferences_view.dart
+++ b/lib/features/manage_account/presentation/preferences/preferences_view.dart
@@ -21,9 +21,10 @@ class PreferencesView extends GetWidget<PreferencesController> with AppLoaderMix
             return const SizedBox.shrink();
           }
           return Padding(
-            padding: controller.responsiveUtils.isTablet(context)
-              ? const EdgeInsetsDirectional.only(start: 32, end: 32, top: 16)
-              : const EdgeInsetsDirectional.only(start: 16, end: 16, top: 16),
+            padding: SettingsUtils.getSettingProgressBarPadding(
+              context,
+              controller.responsiveUtils,
+            ),
             child: horizontalLoadingWidget,
           );
         }),
@@ -43,7 +44,9 @@ class PreferencesView extends GetWidget<PreferencesController> with AppLoaderMix
                 controller.responsiveUtils,
               ),
               width: double.infinity,
-              padding: const EdgeInsets.symmetric(vertical: 30, horizontal: 22),
+              padding: controller.responsiveUtils.isDesktop(context)
+                ? const EdgeInsets.symmetric(vertical: 30, horizontal: 22)
+                : null,
               child: Column(
                 crossAxisAlignment: CrossAxisAlignment.start,
                 children: [
@@ -70,7 +73,7 @@ class PreferencesView extends GetWidget<PreferencesController> with AppLoaderMix
                             onTapSettingOptionAction: controller.updateStateSettingOption,
                           );
                         },
-                        separatorBuilder: (_, __) => const SizedBox(height: 60),
+                        separatorBuilder: (_, __) => const SizedBox(height: 49),
                       ),
                     );
                   }),
diff --git a/lib/features/manage_account/presentation/preferences/widgets/setting_option_item.dart b/lib/features/manage_account/presentation/preferences/widgets/setting_option_item.dart
index bfe582b1d..99779e6a5 100644
--- a/lib/features/manage_account/presentation/preferences/widgets/setting_option_item.dart
+++ b/lib/features/manage_account/presentation/preferences/widgets/setting_option_item.dart
@@ -42,7 +42,7 @@ class SettingOptionItem extends StatelessWidget {
           ),
         ),
         Padding(
-          padding: const EdgeInsets.symmetric(vertical: 8),
+          padding: const EdgeInsets.symmetric(vertical: 12),
           child: Text(
             optionType.getExplanation(appLocalizations),
             style: ThemeUtils.textStyleInter400.copyWith(