fix: weather card spacing and sizing consistency

- Consistent 8px vertical rhythm (was 6/4/10 mix)
- Larger current temp (36px vs 32px) for better visual weight
- Fixed 64px forecast column width prevents uneven wrapping
- Forecast condition text clipped at 2 lines with ellipsis
- 12px spacing around forecast divider

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

lib/widgets/weather_card.dart

@@ -95,7 +95,7 @@ class WeatherCard extends StatelessWidget {
                 ),
             ],
           ),
-          const SizedBox(height: 6),
+          const SizedBox(height: 8),
           // Current temp + condition
           Row(
             crossAxisAlignment: CrossAxisAlignment.baseline,
@@ -104,7 +104,7 @@ class WeatherCard extends StatelessWidget {
               Text(
                 '$currentTemp°',
                 style: TextStyle(
-                  fontSize: 32,
+                  fontSize: 36,
                   fontWeight: FontWeight.w700,
                   color: scheme.onSurface,
                   height: 1,
@@ -122,7 +122,7 @@ class WeatherCard extends StatelessWidget {
           ),
           // Today high/low + delta
           if (todayHigh != null) ...[
-            const SizedBox(height: 4),
+            const SizedBox(height: 8),
             Text(
               'Today: $todayHigh° / $todayLow°'
               '${tempDelta != null ? '  ·  $tempDelta' : ''}',
@@ -131,15 +131,18 @@ class WeatherCard extends StatelessWidget {
           ],
           // Forecast strip
           if (forecast.isNotEmpty) ...[
-            const SizedBox(height: 10),
+            const SizedBox(height: 12),
             const Divider(height: 1),
-            const SizedBox(height: 10),
+            const SizedBox(height: 12),
             SingleChildScrollView(
               scrollDirection: Axis.horizontal,
               child: Row(
-                spacing: 16,
+                spacing: 8,
                 children: forecast.map((day) {
-                  return Column(
+                  return SizedBox(
+                    width: 64,
+                    child: Column(
+                      crossAxisAlignment: CrossAxisAlignment.center,
                       children: [
                         Text(
                           day['day'] as String? ?? '',
@@ -149,7 +152,7 @@ class WeatherCard extends StatelessWidget {
                             color: scheme.onSurface,
                           ),
                         ),
-                      const SizedBox(height: 2),
+                        const SizedBox(height: 3),
                         Text(
                           day['condition'] as String? ?? '',
                           style: TextStyle(
@@ -157,8 +160,10 @@ class WeatherCard extends StatelessWidget {
                             color: scheme.onSurfaceVariant,
                           ),
                           textAlign: TextAlign.center,
+                          maxLines: 2,
+                          overflow: TextOverflow.ellipsis,
                         ),
-                      const SizedBox(height: 2),
+                        const SizedBox(height: 3),
                         Text(
                           '${day['high']}° / ${day['low']}°',
                           style: TextStyle(
@@ -167,6 +172,7 @@ class WeatherCard extends StatelessWidget {
                           ),
                         ),
                       ],
+                    ),
                   );
                 }).toList(),
               ),