fix: #741 wrong slider bar UX style

lib/core/widgets/user/user_info_view.dart

@@ -56,17 +56,17 @@ class _UserInfoViewState extends State<UserInfoView> {
                     SvgPicture.asset("assets/images/support.svg", semanticsLabel: 'Support', width: 18, height: 18), JiHuLocalizations.dictionary().support),
                 _buildListTile(context, () => Navigator.pushNamed(context, PrivacyPolicyPage.routeName, arguments: {}),
                     SvgPicture.asset("assets/images/privacy_policy.svg", semanticsLabel: 'Privacy Policy', width: 18, height: 18), JiHuLocalizations.dictionary().privacyTitle),
-                if (ConnectionProvider.authorized) _buildDivider(),
+                if (ConnectionProvider.authorized) ..._buildDivider(),
                 _buildPasteAndGoButtonTile(
                     context, SvgPicture.asset("assets/images/paste-and-go.svg", semanticsLabel: 'paste-and-go', width: 18, height: 18), JiHuLocalizations.dictionary().paste_and_go),
-                _buildDivider(),
+                ..._buildDivider(),
                 _buildListTile(
                   context,
                   () async => await _openEmail(),
                   SvgPicture.asset("assets/images/feedback.svg", semanticsLabel: 'Feedback via email', width: 18, height: 18),
                   JiHuLocalizations.dictionary().feedback_via_email,
                 ),
-                _buildDivider(),
+                ..._buildDivider(),
                 _buildListTile(context, () => Navigator.pushNamed(context, AccountPage.routeName).then((value) => setState(() {})),
                     SvgPicture.asset("assets/images/accounts.svg", semanticsLabel: 'accounts', width: 18, height: 18), JiHuLocalizations.dictionary().accounts),
                 _buildLanguageChangeTile(),
@@ -85,10 +85,17 @@ class _UserInfoViewState extends State<UserInfoView> {
     });
   }
 
-  Divider _buildDivider() => const Divider(thickness: 1, height: 1, indent: 16, endIndent: 16, color: Color(0xFFEAEAEA));
+  List<Widget> _buildDivider() {
+    return [
+      const SizedBox(height: 10),
+      const Divider(thickness: 1, height: 1, indent: 16, endIndent: 16, color: Color(0xFFEAEAEA)),
+      const SizedBox(height: 10),
+    ];
+  }
 
   Widget _buildLanguageChangeTile() {
     return ListTile(
+      visualDensity: const VisualDensity(horizontal: -2, vertical: -2),
       enableFeedback: false,
       onTap: () => Navigator.pushNamed(context, LanguageSettingsPage.routeName).then((value) => setState(() {})),
       leading: Column(
@@ -104,7 +111,7 @@ class _UserInfoViewState extends State<UserInfoView> {
         ]),
       ),
       contentPadding: const EdgeInsets.only(left: 16, right: 16),
-      horizontalTitleGap: -16,
+      horizontalTitleGap: -8,
     );
   }
 
@@ -121,6 +128,7 @@ class _UserInfoViewState extends State<UserInfoView> {
   Widget _buildPasteAndGoButtonTile(BuildContext context, Widget leading, String title) {
     return PasteTypeUrlNavigation(
       child: ListTile(
+        visualDensity: const VisualDensity(horizontal: -2, vertical: -2),
         enableFeedback: false,
         leading: Column(
           mainAxisAlignment: MainAxisAlignment.center,
@@ -129,13 +137,14 @@ class _UserInfoViewState extends State<UserInfoView> {
         title: Text(title, style: ProjectStyle.build(Theme.of(context).textTheme.bodySmall, const Color(0xFF03162F))),
         trailing: const Icon(Icons.keyboard_arrow_right, size: 20),
         contentPadding: const EdgeInsets.only(left: 16, right: 16),
-        horizontalTitleGap: -16,
+        horizontalTitleGap: -8,
       ),
     );
   }
 
   ListTile _buildListTile(BuildContext context, GestureTapCallback onTap, Widget leading, String title) {
     return ListTile(
+      visualDensity: const VisualDensity(horizontal: -2, vertical: -2),
       enableFeedback: false,
       onTap: onTap,
       leading: Column(
@@ -145,7 +154,7 @@ class _UserInfoViewState extends State<UserInfoView> {
       title: Text(title, style: ProjectStyle.build(Theme.of(context).textTheme.bodySmall, const Color(0xFF03162F))),
       trailing: const Icon(Icons.keyboard_arrow_right, size: 20),
       contentPadding: const EdgeInsets.only(left: 16, right: 16),
-      horizontalTitleGap: -16,
+      horizontalTitleGap: -8,
     );
   }