fix: enough padding for breadcrumbs

web/src/pages/ApiServices/index.tsx

@@ -16,18 +16,20 @@ const ApiServicesPage: FC = () => {
 
   return (
     <div className="relative flex flex-col items-stretch w-full h-full">
-      <Breadcrumbs
-        className="p-7 pb-2"
-        items={[
-          {
-            href: "/admin",
-            label: "Admin",
-          },
-          {
-            label: "API Services",
-          },
-        ]}
-      />
+      <div className="p-4">
+        <Breadcrumbs
+          className="pb-2"
+          items={[
+            {
+              href: "/admin",
+              label: "Admin",
+            },
+            {
+              label: "API Services",
+            },
+          ]}
+        />
+      </div>
       <div className="p-4 flex flex-row items-center justify-between">
         <p className="text-gray-800 dark:text-gray-300">Search...</p>
         <Link to="/admin/api-services/create">
@@ -84,7 +86,7 @@ const ApiServicesPage: FC = () => {
                 >
                   <td className="px-6 py-4 text-sm font-medium text-blue-600 border border-gray-700">
                     <Link
-                      to={`/services/${service.id}`}
+                      to={`/admin/api-services/view/${service.id}`}
                       className="hover:underline hover:text-gray-600 dark:hover:text-gray-300 transition-colors"
                     >
                       {service.name}