fix: some mobile search UI issues

frontend/appflowy_flutter/lib/mobile/presentation/search/mobile_search_cell.dart

@@ -1,9 +1,11 @@
+import 'package:appflowy/generated/locale_keys.g.dart';
 import 'package:appflowy/workspace/application/command_palette/command_palette_bloc.dart';
 import 'package:appflowy/workspace/application/command_palette/search_result_ext.dart';
 import 'package:appflowy/workspace/application/view/view_ext.dart';
 import 'package:appflowy_backend/protobuf/flowy-folder/view.pb.dart';
 import 'package:appflowy_backend/protobuf/flowy-search/result.pb.dart';
 import 'package:appflowy_ui/appflowy_ui.dart';
+import 'package:easy_localization/easy_localization.dart';
 import 'package:flowy_infra_ui/widget/spacing.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
@@ -20,12 +22,18 @@ class MobileSearchResultCell extends StatelessWidget {
     final theme = AppFlowyTheme.of(context),
         textColor = theme.textColorScheme.primary;
     final commandPaletteState = context.read<CommandPaletteBloc>().state;
+    final displayName = item.displayName.isEmpty
+        ? LocaleKeys.menuAppHeader_defaultNewPageName.tr()
+        : item.displayName;
     return Padding(
       padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 12),
       child: Row(
         crossAxisAlignment: CrossAxisAlignment.start,
         children: [
-          buildIcon(theme),
+          SizedBox.square(
+            dimension: 24,
+            child: Center(child: buildIcon(theme)),
+          ),
           HSpace(12),
           Flexible(
             child: Column(
@@ -35,7 +43,7 @@ class MobileSearchResultCell extends StatelessWidget {
                   maxLines: 1,
                   overflow: TextOverflow.ellipsis,
                   text: buildHighLightSpan(
-                    content: item.displayName,
+                    content: displayName,
                     normal: theme.textStyle.heading4.standard(color: textColor),
                     highlight: theme.textStyle.heading4
                         .standard(color: textColor)
@@ -45,7 +53,7 @@ class MobileSearchResultCell extends StatelessWidget {
                   ),
                 ),
                 buildPath(commandPaletteState, theme),
-                buildSummary(theme),
+                ...buildSummary(theme),
               ],
             ),
           ),
@@ -84,24 +92,25 @@ class MobileSearchResultCell extends StatelessWidget {
     );
   }
 
-  Widget buildSummary(AppFlowyThemeData theme) {
-    if (item.content.isEmpty) {
-      return const SizedBox.shrink();
-    }
-    return RichText(
-      maxLines: 3,
-      overflow: TextOverflow.ellipsis,
-      text: buildHighLightSpan(
-        content: item.content,
-        normal: theme.textStyle.heading4
-            .standard(color: theme.textColorScheme.secondary),
-        highlight: theme.textStyle.heading4
-            .standard(color: theme.textColorScheme.primary)
-            .copyWith(
-              backgroundColor: theme.fillColorScheme.themeSelect,
-            ),
+  List<Widget> buildSummary(AppFlowyThemeData theme) {
+    if (item.content.isEmpty) return [];
+    return [
+      VSpace(theme.spacing.m),
+      RichText(
+        maxLines: 3,
+        overflow: TextOverflow.ellipsis,
+        text: buildHighLightSpan(
+          content: item.content,
+          normal: theme.textStyle.heading4
+              .standard(color: theme.textColorScheme.secondary),
+          highlight: theme.textStyle.heading4
+              .standard(color: theme.textColorScheme.primary)
+              .copyWith(
+                backgroundColor: theme.fillColorScheme.themeSelect,
+              ),
+        ),
       ),
-    );
+    ];
   }
 
   TextSpan buildHighLightSpan({

frontend/appflowy_flutter/lib/mobile/presentation/search/mobile_search_textfield.dart

@@ -55,7 +55,7 @@ class _MobileSearchTextfieldState extends State<MobileSearchTextfield> {
   Widget build(BuildContext context) {
     final theme = AppFlowyTheme.of(context);
     return SizedBox(
-      height: 40,
+      height: 42,
       child: ValueListenableBuilder(
         valueListenable: controller,
         builder: (context, _, __) {
@@ -84,12 +84,17 @@ class _MobileSearchTextfieldState extends State<MobileSearchTextfield> {
                   if (!hasFocus || !hasText) return SizedBox.shrink();
                   return GestureDetector(
                     onTap: () => focusNode.unfocus(),
-                    child: Padding(
+                    behavior: HitTestBehavior.opaque,
+                    child: Container(
+                      height: 42,
                       padding: EdgeInsets.only(left: 8),
-                      child: Text(
-                        LocaleKeys.button_cancel.tr(),
-                        style: theme.textStyle.body
-                            .standard(color: theme.textColorScheme.action),
+                      child: Align(
+                        alignment: Alignment.centerLeft,
+                        child: Text(
+                          LocaleKeys.button_cancel.tr(),
+                          style: theme.textStyle.body
+                              .standard(color: theme.textColorScheme.action),
+                        ),
                       ),
                     ),
                   );

frontend/appflowy_flutter/lib/mobile/presentation/selection_menu/mobile_selection_menu_widget.dart

@@ -2,6 +2,7 @@ import 'dart:math';
 
 import 'package:appflowy/generated/locale_keys.g.dart';
 import 'package:appflowy_editor/appflowy_editor.dart';
+import 'package:appflowy_ui/appflowy_ui.dart';
 import 'package:easy_localization/easy_localization.dart';
 import 'package:flutter/material.dart';
 
@@ -328,6 +329,7 @@ class _MobileSelectionMenuWidgetState extends State<MobileSelectionMenuWidget> {
   }
 
   Widget _buildNoResultsWidget(BuildContext context) {
+    final theme = AppFlowyTheme.of(context);
     return DecoratedBox(
       decoration: BoxDecoration(
         color: Theme.of(context).cardColor,
@@ -350,7 +352,10 @@ class _MobileSelectionMenuWidgetState extends State<MobileSelectionMenuWidget> {
             child: Center(
               child: Text(
                 LocaleKeys.inlineActions_noResults.tr(),
-                style: TextStyle(fontSize: 18.0, color: Color(0x801F2225)),
+                style: TextStyle(
+                  fontSize: 18.0,
+                  color: theme.textColorScheme.primary,
+                ),
                 textAlign: TextAlign.center,
               ),
             ),