fix: environment widget alignment and sun position night labels

- Consistent 170px minHeight across Weather, Air Quality, Forecast widgets
- Swap sunrise/sunset labels at night to match arc direction
- Weather header shows "Weather" instead of location

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

CHANGELOG.md

@@ -7,6 +7,23 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [1.5.7] - 2026-01-08
+
+### Fixed
+
+- **Environment widget alignment** - Consistent card heights across all environment widgets
+  - Added `ConstrainedBox(minHeight: 170)` to Weather, Air Quality, and Forecast widgets
+  - All cards now match Sun Position widget height when displaying data
+
+- **Sun position night labels** - Swap sunrise/sunset labels at night
+  - During day: Sunrise on left, Sunset on right (day arc)
+  - At night: Sunset on left, Sunrise on right (night arc)
+
+### Changed
+
+- **Weather widget header** - Changed from location name to "Weather" for consistency
+  - Location now displayed in content area below temperature
+
 ## [1.5.6] - 2026-01-07
 
 ### Changed

lib/shared/widgets/air_quality_widget.dart

@@ -67,8 +67,16 @@ class AirQualityWidget extends StatelessWidget {
                 ),
               ],
             ),
-            const SizedBox(height: 16),
+            const SizedBox(height: 8),
 
+            // Content area with minimum height to match other widgets
+            ConstrainedBox(
+              constraints: const BoxConstraints(minHeight: 170),
+              child: Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
+                mainAxisSize: MainAxisSize.min,
+                children: [
+                  const SizedBox(height: 8),
                   // AQI Display
                   Row(
                     children: [
@@ -87,8 +95,10 @@ class AirQualityWidget extends StatelessWidget {
                         child: Center(
                           child: Text(
                             '${aqi.index}',
-                      style:
+                            style: Theme.of(context)
-                          Theme.of(context).textTheme.headlineMedium?.copyWith(
+                                .textTheme
+                                .headlineMedium
+                                ?.copyWith(
                                   fontWeight: FontWeight.bold,
                                   color: aqi.level.color,
                                 ),
@@ -104,8 +114,10 @@ class AirQualityWidget extends StatelessWidget {
                           children: [
                             Text(
                               aqi.level.label,
-                        style:
+                              style: Theme.of(context)
-                            Theme.of(context).textTheme.titleMedium?.copyWith(
+                                  .textTheme
+                                  .titleMedium
+                                  ?.copyWith(
                                     fontWeight: FontWeight.w600,
                                     color: aqi.level.color,
                                   ),
@@ -113,7 +125,8 @@ class AirQualityWidget extends StatelessWidget {
                             const SizedBox(height: 4),
                             Text(
                               aqi.level.description,
-                        style: Theme.of(context).textTheme.bodySmall?.copyWith(
+                              style:
+                                  Theme.of(context).textTheme.bodySmall?.copyWith(
                                         color: colorScheme.onSurfaceVariant,
                                       ),
                               maxLines: 2,
@@ -141,6 +154,9 @@ class AirQualityWidget extends StatelessWidget {
                 ],
               ),
             ),
+          ],
+        ),
+      ),
     );
   }
 

lib/shared/widgets/forecast_widget.dart

@@ -106,11 +106,14 @@ class ForecastWidget extends StatelessWidget {
                 ),
               ],
             ),
-            const SizedBox(height: 16),
+            const SizedBox(height: 8),
 
-            // Forecast days - horizontal scroll
+            // Content area with minimum height to match other widgets
-            SizedBox(
+            ConstrainedBox(
-              height: 100,
+              constraints: const BoxConstraints(minHeight: 170),
+              child: Center(
+                child: SizedBox(
+                  height: 110,
                   child: ListView.separated(
                     scrollDirection: Axis.horizontal,
                     itemCount: forecast!.length,
@@ -120,6 +123,8 @@ class ForecastWidget extends StatelessWidget {
                     },
                   ),
                 ),
+              ),
+            ),
           ],
         ),
       ),

lib/shared/widgets/sun_position_widget.dart

@@ -122,6 +122,8 @@ class _SunPositionWidgetState extends State<SunPositionWidget> {
             const SizedBox(height: 8),
 
             // Arc with integrated horizon labels
+            // At night: sunset on left (night start), sunrise on right (night end)
+            // During day: sunrise on left (day start), sunset on right (day end)
             SizedBox(
               height: 170,
               child: LayoutBuilder(
@@ -138,15 +140,15 @@ class _SunPositionWidgetState extends State<SunPositionWidget> {
                           ),
                         ),
                       ),
-                      // Sunrise widget at left horizon (10px up for balance)
+                      // Left horizon: Sunrise during day, Sunset at night
                       Positioned(
                         left: 0,
                         bottom: 10,
                         child: _HorizonTimeDisplay(
-                          icon: Icons.wb_twilight,
+                          icon: _isDaytime ? Icons.wb_twilight : Icons.nights_stay,
-                          label: 'Sunrise',
+                          label: _isDaytime ? 'Sunrise' : 'Sunset',
-                          time: _sunrise,
+                          time: _isDaytime ? _sunrise : _sunset,
-                          iconColor: Colors.orange,
+                          iconColor: _isDaytime ? Colors.orange : Colors.deepOrange,
                           alignment: CrossAxisAlignment.start,
                         ),
                       ),
@@ -159,15 +161,15 @@ class _SunPositionWidgetState extends State<SunPositionWidget> {
                           child: _DaylightDisplay(minutes: _daylightMinutes),
                         ),
                       ),
-                      // Sunset widget at right horizon (10px up for balance)
+                      // Right horizon: Sunset during day, Sunrise at night
                       Positioned(
                         right: 0,
                         bottom: 10,
                         child: _HorizonTimeDisplay(
-                          icon: Icons.nights_stay,
+                          icon: _isDaytime ? Icons.nights_stay : Icons.wb_twilight,
-                          label: 'Sunset',
+                          label: _isDaytime ? 'Sunset' : 'Sunrise',
-                          time: _sunset,
+                          time: _isDaytime ? _sunset : _sunrise,
-                          iconColor: Colors.deepOrange,
+                          iconColor: _isDaytime ? Colors.deepOrange : Colors.orange,
                           alignment: CrossAxisAlignment.end,
                         ),
                       ),

lib/shared/widgets/weather_widget.dart

@@ -59,7 +59,7 @@ class WeatherWidget extends StatelessWidget {
                 const SizedBox(width: 8),
                 Expanded(
                   child: Text(
-                    weather.location,
+                    'Weather',
                     style: Theme.of(context).textTheme.titleSmall?.copyWith(
                           color: colorScheme.onSurfaceVariant,
                         ),
@@ -69,8 +69,16 @@ class WeatherWidget extends StatelessWidget {
                 ),
               ],
             ),
-            const SizedBox(height: 16),
+            const SizedBox(height: 8),
 
+            // Content area with minimum height to match other widgets
+            ConstrainedBox(
+              constraints: const BoxConstraints(minHeight: 170),
+              child: Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
+                mainAxisSize: MainAxisSize.min,
+                children: [
+                  const SizedBox(height: 8),
                   // Main weather display (matching AQI layout)
                   Row(
                     children: [
@@ -105,20 +113,37 @@ class WeatherWidget extends StatelessWidget {
                           children: [
                             Text(
                               '${weather.temperature.round()}°${weather.unit.symbol}',
-                        style:
+                              style: Theme.of(context)
-                            Theme.of(context).textTheme.titleMedium?.copyWith(
+                                  .textTheme
+                                  .titleMedium
+                                  ?.copyWith(
                                     fontWeight: FontWeight.w600,
                                   ),
                             ),
                             const SizedBox(height: 4),
                             Text(
                               weather.condition,
-                        style: Theme.of(context).textTheme.bodySmall?.copyWith(
+                              style:
+                                  Theme.of(context).textTheme.bodySmall?.copyWith(
                                         color: colorScheme.onSurfaceVariant,
                                       ),
                               maxLines: 2,
                               overflow: TextOverflow.ellipsis,
                             ),
+                            if (weather.location.isNotEmpty) ...[
+                              const SizedBox(height: 2),
+                              Text(
+                                weather.location,
+                                style: Theme.of(context)
+                                    .textTheme
+                                    .labelSmall
+                                    ?.copyWith(
+                                      color: colorScheme.outline,
+                                    ),
+                                maxLines: 1,
+                                overflow: TextOverflow.ellipsis,
+                              ),
+                            ],
                           ],
                         ),
                       ),
@@ -142,12 +167,14 @@ class WeatherWidget extends StatelessWidget {
                         if (weather.windSpeed != null)
                           _DetailChip(
                             label: 'Wind',
-                      value: '${weather.windSpeed!.round()} ${weather.windUnit}',
+                            value:
+                                '${weather.windSpeed!.round()} ${weather.windUnit}',
                           ),
                         if (weather.feelsLike != null)
                           _DetailChip(
                             label: 'Feels',
-                      value: '${weather.feelsLike!.round()}°${weather.unit.symbol}',
+                            value:
+                                '${weather.feelsLike!.round()}°${weather.unit.symbol}',
                           ),
                       ],
                     ),
@@ -155,6 +182,9 @@ class WeatherWidget extends StatelessWidget {
                 ],
               ),
             ),
+          ],
+        ),
+      ),
     );
   }
 

pubspec.yaml

@@ -16,7 +16,7 @@ publish_to: 'none' # Remove this line if you wish to publish to pub.dev
 # https://developer.apple.com/library/archive/documentation/General/Reference/InfoPlistKeyReference/Articles/CoreFoundationKeys.html
 # In Windows, build-name is used as the major, minor, and patch parts
 # of the product and file versions while build-number is used as the build suffix.
-version: 1.5.6+1
+version: 1.5.7+1
 
 environment:
   sdk: ^3.10.4