feat: align horizon line at 50px across all environment widgets

- Weather/Air Quality dividers align with Sun Position horizon
- Forecast card bottoms align with same horizon line
- Unified visual rhythm across all cards

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

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

CHANGELOG.md

@@ -7,6 +7,15 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [1.5.9] - 2026-01-08
+
+### Changed
+
+- **Aligned horizon line across all widgets** - Consistent visual baseline at 50px from bottom
+  - Weather and Air Quality dividers now align with Sun Position horizon line
+  - Forecast card bottoms align with the same horizon
+  - Creates unified visual rhythm across all environment cards
+
 ## [1.5.8] - 2026-01-08
 
 ### Changed

lib/shared/widgets/air_quality_widget.dart

@@ -69,15 +69,17 @@ class AirQualityWidget extends StatelessWidget {
             ),
             const SizedBox(height: 8),
 
-            // Content area with fixed height, content aligned to bottom
+            // Content area with fixed height, horizon line at 50px from bottom
             SizedBox(
               height: 170,
-              child: Column(
+              child: Stack(
-                crossAxisAlignment: CrossAxisAlignment.start,
-                mainAxisAlignment: MainAxisAlignment.end,
                 children: [
-                  // AQI Display
+                  // Main content positioned above horizon
-                  Row(
+                  Positioned(
+                    left: 0,
+                    right: 0,
+                    bottom: 50,
+                    child: Row(
                       children: [
                         // AQI number with colored background
                         Container(
@@ -105,10 +107,10 @@ class AirQualityWidget extends StatelessWidget {
                           ),
                         ),
                         const SizedBox(width: 16),
-
                         // Level info
                         Expanded(
                           child: Column(
+                            mainAxisSize: MainAxisSize.min,
                             crossAxisAlignment: CrossAxisAlignment.start,
                             children: [
                               Text(
@@ -124,8 +126,7 @@ class AirQualityWidget extends StatelessWidget {
                               const SizedBox(height: 4),
                               Text(
                                 aqi.level.description,
-                              style:
+                                style: Theme.of(context).textTheme.bodySmall?.copyWith(
-                                  Theme.of(context).textTheme.bodySmall?.copyWith(
                                       color: colorScheme.onSurfaceVariant,
                                     ),
                                 maxLines: 2,
@@ -136,20 +137,29 @@ class AirQualityWidget extends StatelessWidget {
                         ),
                       ],
                     ),
-
+                  ),
-                  // Pollutants
+                  // Horizon divider at fixed position
-                  if (aqi.pollutants.isNotEmpty) ...[
+                  if (aqi.pollutants.isNotEmpty)
-                    const SizedBox(height: 16),
+                    Positioned(
-                    const Divider(height: 1),
+                      left: 0,
-                    const SizedBox(height: 12),
+                      right: 0,
-                    Wrap(
+                      bottom: 38,
+                      child: const Divider(height: 1),
+                    ),
+                  // Footer below horizon
+                  if (aqi.pollutants.isNotEmpty)
+                    Positioned(
+                      left: 0,
+                      right: 0,
+                      bottom: 0,
+                      child: Wrap(
                         spacing: 16,
                         runSpacing: 8,
                         children: aqi.pollutants
                             .map((p) => _PollutantChip(pollutant: p))
                             .toList(),
                       ),
-                  ],
+                    ),
                 ],
               ),
             ),

lib/shared/widgets/forecast_widget.dart

@@ -108,9 +108,11 @@ class ForecastWidget extends StatelessWidget {
             ),
             const SizedBox(height: 8),
 
-            // Content area with fixed height, content aligned to bottom
+            // Content area with fixed height, card bottoms at horizon (50px from bottom)
             SizedBox(
               height: 170,
+              child: Padding(
+                padding: const EdgeInsets.only(bottom: 50),
                 child: Align(
                   alignment: Alignment.bottomCenter,
                   child: SizedBox(
@@ -126,6 +128,7 @@ class ForecastWidget extends StatelessWidget {
                   ),
                 ),
               ),
+            ),
           ],
         ),
       ),

lib/shared/widgets/weather_widget.dart

@@ -71,17 +71,19 @@ class WeatherWidget extends StatelessWidget {
             ),
             const SizedBox(height: 8),
 
-            // Content area with fixed height, content aligned to bottom
+            // Content area with fixed height, horizon line at 50px from bottom
             SizedBox(
               height: 170,
-              child: Column(
+              child: Stack(
-                crossAxisAlignment: CrossAxisAlignment.start,
-                mainAxisAlignment: MainAxisAlignment.end,
                 children: [
-                  // Main weather display (matching AQI layout)
+                  // Main content positioned above horizon
-                  Row(
+                  Positioned(
+                    left: 0,
+                    right: 0,
+                    bottom: 50,
+                    child: Row(
                       children: [
-                      // Weather icon in box (like AQI number box)
+                        // Weather icon in box
                         Container(
                           width: 64,
                           height: 64,
@@ -104,10 +106,10 @@ class WeatherWidget extends StatelessWidget {
                           ),
                         ),
                         const SizedBox(width: 16),
-
                         // Temperature and condition
                         Expanded(
                           child: Column(
+                            mainAxisSize: MainAxisSize.min,
                             crossAxisAlignment: CrossAxisAlignment.start,
                             children: [
                               Text(
@@ -115,28 +117,22 @@ class WeatherWidget extends StatelessWidget {
                                 style: Theme.of(context)
                                     .textTheme
                                     .titleMedium
-                                  ?.copyWith(
+                                    ?.copyWith(fontWeight: FontWeight.w600),
-                                    fontWeight: FontWeight.w600,
-                                  ),
                               ),
                               const SizedBox(height: 4),
                               Text(
                                 weather.condition,
-                              style:
+                                style: Theme.of(context).textTheme.bodySmall?.copyWith(
-                                  Theme.of(context).textTheme.bodySmall?.copyWith(
                                       color: colorScheme.onSurfaceVariant,
                                     ),
-                              maxLines: 2,
+                                maxLines: 1,
                                 overflow: TextOverflow.ellipsis,
                               ),
                               if (weather.location.isNotEmpty) ...[
                                 const SizedBox(height: 2),
                                 Text(
                                   weather.location,
-                                style: Theme.of(context)
+                                  style: Theme.of(context).textTheme.labelSmall?.copyWith(
-                                    .textTheme
-                                    .labelSmall
-                                    ?.copyWith(
                                         color: colorScheme.outline,
                                       ),
                                   maxLines: 1,
@@ -148,13 +144,22 @@ class WeatherWidget extends StatelessWidget {
                         ),
                       ],
                     ),
-
+                  ),
-                  // Details
+                  // Horizon divider at fixed position
-                  if (weather.humidity != null || weather.windSpeed != null) ...[
+                  if (weather.humidity != null || weather.windSpeed != null)
-                    const SizedBox(height: 16),
+                    Positioned(
-                    const Divider(height: 1),
+                      left: 0,
-                    const SizedBox(height: 12),
+                      right: 0,
-                    Wrap(
+                      bottom: 38,
+                      child: const Divider(height: 1),
+                    ),
+                  // Footer below horizon
+                  if (weather.humidity != null || weather.windSpeed != null)
+                    Positioned(
+                      left: 0,
+                      right: 0,
+                      bottom: 0,
+                      child: Wrap(
                         spacing: 16,
                         runSpacing: 8,
                         children: [
@@ -173,12 +178,11 @@ class WeatherWidget extends StatelessWidget {
                           if (weather.feelsLike != null)
                             _DetailChip(
                               label: 'Feels',
-                            value:
+                              value: '${weather.feelsLike!.round()}°${weather.unit.symbol}',
-                                '${weather.feelsLike!.round()}°${weather.unit.symbol}',
                             ),
                         ],
                       ),
-                  ],
+                    ),
                 ],
               ),
             ),

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.8+1
+version: 1.5.9+1
 
 environment:
   sdk: ^3.10.4