Many small changes

Author: shaafyousaf

frontend/src/app/dashboard/page.js

@@ -167,7 +167,7 @@ export default function Dashboard() {
 
   // Get temperature statistics
   const getTempStats = () => {
-    if (userPoints.length === 0) return { avg: 0, min: 0, max: 0 };
+    if (userPoints.length === 0) return { avg: '-', min: '-', max: '-' };
     const temps = userPoints.map(p => convertTemperature(p.temp, unit));
     return {
       avg: (temps.reduce((a, b) => a + b, 0) / temps.length).toFixed(1),
@@ -500,22 +500,22 @@ export default function Dashboard() {
                 {/* Statistics */}
                 <div className="dashboard-card">
                   <div className="statistics-section">
-                    <h3>Your Statistics</h3>
+                    <h3 style={{margin: '0'}} >Your CONTRIBUTIONS</h3>
                     <div className="stat-item">
                       <div className="stat-number">{userPoints.length}</div>
                       <div className="stat-label">Points<br/> Contributed</div>
                     </div>
                     <div className="stat-item">
                       <div className="stat-number">{tempStats.max}°{unit}</div>
-                      <div className="stat-label">Your<br/>Max Temperature</div>
+                      <div className="stat-label">MAXIMUM<br/></div>
                     </div>
                     <div className="stat-item">
                       <div className="stat-number">{tempStats.min}°{unit}</div>
-                      <div className="stat-label">Your<br/>MIN Temperature</div>
+                      <div className="stat-label">MinIMUM<br/></div>
                     </div>
                     <div className="stat-item">
                       <div className="stat-number">{tempStats.avg}°{unit}</div>
-                      <div className="stat-label">YOUR<br/>Average Temperature</div>
+                      <div className="stat-label">AVERAGE<br/></div>
                     </div>
 
                   </div>
@@ -529,7 +529,7 @@ export default function Dashboard() {
                         <div className="task-icon orange"></div>
                         <div className="task-content">
                           <h4>Add your first temperature point</h4>
-                          <p>Start contributing to our weather database</p>
+                          <p>Start contributing to our temperature database</p>
                         </div>
                       </div>
                     ) : (

frontend/src/components/HUDleftPoints.jsx

@@ -411,7 +411,7 @@ function LogoBlock() {
             placeholder="search"
             style={{
               width: '100%',
-              padding: '0.75rem 2.5rem 0.75rem 1rem',
+              padding: '0.5rem 2.5rem 0.5rem 1rem',
               borderRadius: '0.5rem',
               border: theme === 'light' ? '1px solid rgba(0, 0, 0, 0.1)' : '1px solid rgba(255, 255, 255, 0.2)',
               backgroundColor: theme === 'light' ? 'rgba(255, 255, 255, 0.9)' : 'rgba(255, 255, 255, 0.1)',

frontend/src/styles/dashboard.css

@@ -847,6 +847,7 @@
     flex-direction: row;
     gap: 20px;
     justify-content: space-around;
+    align-items: center;
 }
 
 .stat-item {
@@ -1107,7 +1108,7 @@
     flex: 1;
     display: flex;
     align-items: center;
-    justify-content: center;
+    justify-content: flex-start;
 }
 
 .mobile-current-menu-title {
@@ -1336,6 +1337,7 @@
 
     .header-actions {
         justify-content: center;
+        margin-bottom: 1rem;
     }
 
     .modal-content {