fix: search page query bar layout issues

Author: jeffsieu

lib/pages/search_page/search_page_map.dart

@@ -157,7 +157,7 @@ class _SearchPageMapState extends ConsumerState<SearchPageMap> {
           ),
         Padding(
           padding: EdgeInsets.only(
-            top: MediaQuery.of(context).padding.top + kToolbarHeight * 2,
+            top: MediaQuery.of(context).padding.top + kToolbarHeight * 2 - 16.0,
             left: 16.0,
             right: 16.0,
           ),
@@ -182,8 +182,8 @@ class _SearchPageMapState extends ConsumerState<SearchPageMap> {
                     borderRadius: const BorderRadius.vertical(
                         bottom: Radius.circular(8.0)),
                     child: Padding(
-                      padding: const EdgeInsets.symmetric(
-                          vertical: 8.0, horizontal: 12.0),
+                      padding: const EdgeInsetsDirectional.only(
+                          top: 24.0, bottom: 8.0, start: 12.0, end: 12.0),
                       child: Row(
                         children: [
                           Icon(Icons.info_outline_rounded,

lib/widgets/card_app_bar.dart

@@ -20,6 +20,7 @@ class CardAppBar extends StatelessWidget {
   Widget build(BuildContext context) {
     return Card(
       elevation: 0,
+      margin: EdgeInsets.zero,
       color: Theme.of(context).colorScheme.surfaceBright,
       clipBehavior: Clip.antiAlias,
       shape: Theme.of(context).cardTheme.shape,