reorganized web-app

apps/stock/web-app/src/components/layout/Layout.tsx

@@ -29,8 +29,8 @@ export function Layout() {
       <Sidebar sidebarOpen={sidebarOpen} setSidebarOpen={setSidebarOpen} />
       <Header setSidebarOpen={setSidebarOpen} title={getTitle()} />
 
-      <main className="py-4 lg:pl-60 w-full h-full overflow-y-auto">
-        <div className="px-4 flex-col h-full">
+      <main className="py-8 lg:pl-60 w-full h-full overflow-y-auto">
+        <div className="px-8 flex-col h-full">
           <Outlet />
         </div>
       </main>

apps/stock/web-app/src/components/ui/Card.tsx

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 import { cn } from '@/lib/utils';
 
 interface CardProps {
@@ -11,7 +11,7 @@ export function Card({ children, className, hover = false }: CardProps) {
   return (
     <div
       className={cn(
-        'bg-surface-secondary rounded-lg border border-border p-4',
+        'bg-surface-secondary rounded-lg border border-border',
         hover && 'hover:border-primary-500/50 transition-colors',
         className
       )}

apps/stock/web-app/src/components/ui/StatCard.tsx

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 import { Card } from './Card';
 
 interface StatCardProps {
@@ -21,7 +21,7 @@ export function StatCard({
   borderColor,
 }: StatCardProps) {
   return (
-    <Card hover className={`hover:${borderColor}`}>
+    <Card hover className={`p-4 hover:${borderColor}`}>
       <div className="flex items-center">
         <div className={`p-1.5 ${iconBgColor} rounded`}>{icon}</div>
         <div className="ml-3">

apps/stock/web-app/src/components/ui/index.ts

@@ -1,5 +1,6 @@
-export { Card, CardHeader, CardContent } from './Card';
-export { StatCard } from './StatCard';
+export { Button } from './Button';
+export { Card, CardContent, CardHeader } from './Card';
 export { DataTable } from './DataTable';
-export { Dialog, DialogContent, DialogHeader, DialogTitle } from './dialog';
-export { Button } from './button';
+export { Dialog, DialogContent, DialogHeader, DialogTitle } from './Dialog';
+export { StatCard } from './StatCard';
+