Improve visual layout and appearance of key elements on the platform

Adjusts the styling of the dashboard and new sale form for better icon visibility.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 91318273-c764-4fd4-be04-bdc12c38af32
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/0715008c-7244-40f4-befc-26c014852236/b77c9129-16e4-4c03-a447-09edfb2aa967.jpg

client/src/components/NewSaleForm.tsx

@@ -179,8 +179,8 @@ export default function NewSaleForm() {
             {/* Seller Information */}
             <div className="modern-card bg-muted bg-opacity-30 mobile-form-section rounded-xl border-l-4 border-primary">
               <h3 className="mobile-header-responsive font-semibold text-foreground mb-4 sm:mb-6 flex items-center gap-2 sm:gap-3">
-                <div className="p-1.5 sm:p-2 bg-primary bg-opacity-10 rounded-lg">
-                  <User className="h-4 w-4 sm:h-5 sm:w-5 text-primary" />
+                <div className="p-2 sm:p-3 bg-primary bg-opacity-20 rounded-lg flex items-center justify-center">
+                  <User className="h-5 w-5 sm:h-6 sm:w-6 text-primary" />
                 </div>
                 <span className="truncate">Informations Vendeur</span>
               </h3>

client/src/pages/Dashboard.tsx

@@ -118,7 +118,7 @@ function DashboardContent() {
           <div className="mb-6 sm:mb-8 slide-in-up">
             <Card className="modern-card-elevated overflow-hidden">
               <CardContent className="mobile-card-content">
-                <div className="flex flex-col sm:flex-row items-start sm:items-center gap-4 sm:gap-6">
+                <div className="flex items-center gap-4 sm:gap-6">
                   <div className="relative flex-shrink-0">
                     <div className="p-3 sm:p-4 bg-gradient-to-br from-blue-500 to-indigo-600 rounded-xl sm:rounded-2xl shadow-lg">
                       <Building2 className="h-6 w-6 sm:h-8 sm:w-8 text-white" />
@@ -158,7 +158,7 @@ function DashboardContent() {
 
         <div className="fade-in">
           <Tabs value={activeTab} onValueChange={setActiveTab} className="mobile-form-responsive">
-            <TabsList className={`grid w-full ${canAccessAdmin ? 'grid-cols-3' : 'grid-cols-2'} max-w-full sm:max-w-2xl h-12 sm:h-14 bg-muted/50 p-1.5 sm:p-2 rounded-xl sm:rounded-2xl border border-border/50`}>
+            <TabsList className={`grid w-full ${canAccessAdmin ? 'grid-cols-3' : 'grid-cols-2'} max-w-full sm:max-w-2xl h-12 sm:h-14 bg-muted bg-opacity-50 p-1.5 sm:p-2 rounded-xl sm:rounded-2xl border border-border border-opacity-50`}>
               <TabsTrigger 
                 value="new-sale" 
                 className="h-9 sm:h-10 rounded-lg sm:rounded-xl data-[state=active]:bg-background data-[state=active]:shadow-md smooth-transition font-medium text-xs sm:text-sm"