From 7f2b0cb41b0f1b07cb32d6c25a32bce1d22468df Mon Sep 17 00:00:00 2001
From: Ryan <ryan@binarydad.com>
Date: Mon, 3 Apr 2023 21:02:13 -0400
Subject: [PATCH] show time next to hourly detail

---
 WeatherDashboard.Web/Views/Home/Index.cshtml | 2 +-
 WeatherDashboard.Web/wwwroot/css/site.css    | 6 ++++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/WeatherDashboard.Web/Views/Home/Index.cshtml b/WeatherDashboard.Web/Views/Home/Index.cshtml
index e33cf47..f9b467d 100644
--- a/WeatherDashboard.Web/Views/Home/Index.cshtml
+++ b/WeatherDashboard.Web/Views/Home/Index.cshtml
@@ -53,7 +53,7 @@
         @foreach (var hourForecast in hourForecasts)
         {
             <div class="row day-detail">
-                <div class="col">@hourForecast.TimeOfDay</div>
+                <div class="col">@hourForecast.TimeOfDay <span class="detail-time">@hourForecast.Forecast.Time.Value.ToShortTimeString()</span></div>
                 <div class="col">@hourForecast.Forecast.ConditionName / @hourForecast.Forecast.Temperature</div>
             </div>
         }
diff --git a/WeatherDashboard.Web/wwwroot/css/site.css b/WeatherDashboard.Web/wwwroot/css/site.css
index 9b83402..04dcd07 100644
--- a/WeatherDashboard.Web/wwwroot/css/site.css
+++ b/WeatherDashboard.Web/wwwroot/css/site.css
@@ -33,7 +33,7 @@ body {
     font-size: 50px;
     position: absolute;
     margin: 10px 0 0 10px;
-    opacity: .6;
+    opacity: 0.6;
     line-height: 50px;
 }
 
@@ -82,7 +82,9 @@ body {
         opacity: 0.7;
     }
 
-
+    .forecast-details .detail-time {
+        opacity: 0.4;
+    }
 
         .forecast-details .day-detail .col:last-of-type {
             text-align: right;