fix: padding for edit field (#1400)

Author: appflowy

frontend/app_flowy/lib/plugins/grid/presentation/widgets/cell/select_option_cell/select_option_editor.dart

@@ -53,20 +53,23 @@ class _SelectOptionCellEditorState extends State<SelectOptionCellEditor> {
       )..add(const SelectOptionEditorEvent.initial()),
       child: BlocBuilder<SelectOptionCellEditorBloc, SelectOptionEditorState>(
         builder: (context, state) {
-          return CustomScrollView(
-            shrinkWrap: true,
-            slivers: [
-              SliverToBoxAdapter(
-                child: _TextField(popoverMutex: popoverMutex),
-              ),
-              const SliverToBoxAdapter(child: VSpace(6)),
-              const SliverToBoxAdapter(child: TypeOptionSeparator()),
-              const SliverToBoxAdapter(child: VSpace(6)),
-              const SliverToBoxAdapter(child: _Title()),
-              SliverToBoxAdapter(
-                child: _OptionList(popoverMutex: popoverMutex),
-              ),
-            ],
+          return Padding(
+            padding: const EdgeInsets.all(6.0),
+            child: CustomScrollView(
+              shrinkWrap: true,
+              slivers: [
+                SliverToBoxAdapter(
+                  child: _TextField(popoverMutex: popoverMutex),
+                ),
+                const SliverToBoxAdapter(child: VSpace(6)),
+                const SliverToBoxAdapter(child: TypeOptionSeparator()),
+                const SliverToBoxAdapter(child: VSpace(6)),
+                const SliverToBoxAdapter(child: _Title()),
+                SliverToBoxAdapter(
+                  child: _OptionList(popoverMutex: popoverMutex),
+                ),
+              ],
+            ),
           );
         },
       ),

frontend/app_flowy/lib/plugins/grid/presentation/widgets/header/field_cell.dart

@@ -168,7 +168,6 @@ class FieldCellButton extends StatelessWidget {
         .replaceAll(Characters(''), Characters('\u{200B}'))
         .toString();
     return FlowyButton(
-      radius: BorderRadius.zero,
       hoverColor: theme.shader6,
       onTap: onTap,
       leftIcon: svgWidget(field.fieldType.iconName(), color: theme.iconColor),

frontend/app_flowy/lib/plugins/grid/presentation/widgets/header/type_option/select_option_editor.dart

@@ -62,10 +62,13 @@ class SelectOptionTypeOptionEditor extends StatelessWidget {
 
             return SizedBox(
               width: 160,
-              child: CustomScrollView(
-                slivers: slivers,
-                controller: ScrollController(),
-                physics: StyledScrollPhysics(),
+              child: Padding(
+                padding: const EdgeInsets.all(6.0),
+                child: CustomScrollView(
+                  slivers: slivers,
+                  controller: ScrollController(),
+                  physics: StyledScrollPhysics(),
+                ),
               ),
             );
           },

frontend/app_flowy/lib/plugins/grid/presentation/widgets/row/row_detail.dart

@@ -59,7 +59,7 @@ class _RowDetailPageState extends State<RowDetailPage> {
           child: Column(
             children: [
               SizedBox(
-                height: 40,
+                height: 30,
                 child: Row(
                   children: const [Spacer(), _CloseButton()],
                 ),
@@ -264,15 +264,14 @@ class _RowDetailCellState extends State<_RowDetailCell> {
       behavior: HitTestBehavior.translucent,
       onTap: () => cell.beginFocus.notify(),
       child: AccessoryHover(
-        contentPadding:
-            const EdgeInsets.symmetric(horizontal: 10, vertical: 12),
+        contentPadding: const EdgeInsets.symmetric(horizontal: 3, vertical: 3),
         child: cell,
       ),
     );
 
     return IntrinsicHeight(
       child: ConstrainedBox(
-        constraints: const BoxConstraints(minHeight: 40),
+        constraints: const BoxConstraints(minHeight: 30),
         child: Row(
           crossAxisAlignment: CrossAxisAlignment.stretch,
           mainAxisAlignment: MainAxisAlignment.center,
@@ -287,9 +286,7 @@ class _RowDetailCellState extends State<_RowDetailCell> {
                 child: FieldCellButton(
                   maxLines: null,
                   field: widget.cellId.fieldContext.field,
-                  onTap: () {
-                    popover.show();
-                  },
+                  onTap: () => popover.show(),
                 ),
               ),
             ),

frontend/app_flowy/packages/flowy_infra_ui/lib/style_widget/button.dart

@@ -29,7 +29,8 @@ class FlowyButton extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return InkWell(
+    return GestureDetector(
+      behavior: HitTestBehavior.opaque,
       onTap: onTap,
       child: FlowyHover(
         style: HoverStyle(