@snapdragonsnursery/react-components 1.1.27 → 1.1.29

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@snapdragonsnursery/react-components",
-  "version": "1.1.27",
+  "version": "1.1.29",
   "description": "",
   "main": "src/index.js",
   "scripts": {

package/src/ChildSearchPage.jsx

@@ -425,8 +425,8 @@ const ChildSearchPage = ({
   const endItem = Math.min(pagination.page * pagination.pageSize, actualTotalCount);
 
   return (
-    <div className="bg-blue-100 dark:bg-blue-900">
-      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16">
+    <div className="bg-gray-50 dark:bg-gray-900">
+      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
         {/* Header */}
         <div className="mb-8">
           <h1 className="text-3xl font-bold text-gray-900 dark:text-white">
@@ -665,7 +665,7 @@ const ChildSearchPage = ({
           {!loading && !error && (
             <>
               {/* Results Header */}
-              <div className="px-6 py-4 border-b border-gray-200 dark:border-gray-700">
+              <div className="px-6 py-6 border-b border-gray-200 dark:border-gray-700">
                 <div className="flex items-center justify-between">
                   <div className="text-sm text-gray-600 dark:text-gray-400">
                     {(pagination.totalCount > 0 || children.length > 0)
@@ -677,7 +677,7 @@ const ChildSearchPage = ({
 
               {/* Table */}
               {children.length > 0 ? (
-                <div className="overflow-x-auto">
+                <div className="overflow-x-auto mb-6">
                   <Table>
                     <TableHeader>
                       {table.getHeaderGroups().map((headerGroup) => (
@@ -730,7 +730,7 @@ const ChildSearchPage = ({
                   </Table>
                 </div>
               ) : (
-                <div className="p-6 text-center text-gray-500 dark:text-gray-400">
+                <div className="p-6 text-center text-gray-500 dark:text-gray-400 mb-6">
                   {debouncedSearchTerm
                     ? "No children found matching your search."
                     : "Start typing to search for children."}
@@ -739,9 +739,9 @@ const ChildSearchPage = ({
 
               {/* Pagination */}
               {(pagination.totalCount > 0 || children.length > 0) && (
-                <div className="px-6 py-6 border-t border-gray-200 dark:border-gray-700">
+                <div className="px-6 py-8 border-t border-gray-200 dark:border-gray-700">
                   {/* Pagination Info */}
-                  <div className="flex items-center justify-between mb-4">
+                  <div className="flex items-center justify-between mb-6">
                     <div className="text-sm text-gray-600 dark:text-gray-400">
                       Page {pagination.page} of {pagination.totalPages || 1}
                     </div>