mobile: Optimizations for Maps Drawer, Legend, and Customer Profile Tabs

src/pages/Dashboard.jsx

@@ -409,7 +409,7 @@ const RealWeatherWidget = ({ weather, forecast, loading, error, lastUpdated, onR
             {/* Dynamic Weather Background Gradient - subtle */}
             <div className="absolute inset-0 bg-gradient-to-b from-blue-500/10 dark:from-blue-500/5 to-transparent pointer-events-none" />
 
-            <div className="relative z-10 p-8 flex flex-col justify-between h-full">
+            <div className="relative z-10 p-6 flex flex-col justify-between h-full">
                 <div className="flex justify-between items-start">
                     <div>
                         <div className="flex items-center space-x-2 mb-2">
@@ -423,7 +423,7 @@ const RealWeatherWidget = ({ weather, forecast, loading, error, lastUpdated, onR
                             </span>
                         </div>
 
-                        <h2 className="text-6xl font-black tracking-tighter text-transparent bg-clip-text bg-gradient-to-b from-zinc-800 to-zinc-400 dark:from-white dark:to-white/50 flex items-start">
+                        <h2 className="text-5xl font-black tracking-tighter text-transparent bg-clip-text bg-gradient-to-b from-zinc-800 to-zinc-400 dark:from-white dark:to-white/50 flex items-start">
                             {Math.round(weather.main.temp)}
                             <span className="text-2xl text-zinc-400 dark:text-white/50 mt-2 font-bold tracking-normal">°F</span>
                         </h2>