doing updating UI, adding jinja filters

weather/static/style.css

@@ -46,8 +46,7 @@
     grid-template-areas:
         "shortDescription"
         "longDescription"
-        "currentTemp"
-        "waterConditions";
+        "currentTemp";
     grid-area: forecast;
 }
 
@@ -62,10 +61,9 @@
 }
 
 .currentTemp { grid-area: currentTemp; }
-.currentTemp > .temperature { font-size: 6em; }
+.currentTemp > .temperature { font-size: 6em; line-height: 1; }
 .currentTemp > .unit { font-size: 2em; }
 
-.waterConditions { grid-area: waterConditions; }
 
 .secondaryInfo {
     display: grid;
@@ -75,23 +73,16 @@
     grid-auto-flow: row;
     grid-template-areas:
         "windContainer"
-        "solarClock";
+        "waterConditions";
     grid-area: secondaryInfo;
 }
 
 .windContainer { grid-area: windContainer; }
+.windContainer > div { font-size: 2em; }
 
-.solarClock { grid-area: solarClock; }
+.waterConditions { grid-area: waterConditions; }
+.waterConditions > div { font-size: 2em; }
 
 .hourlyReport { grid-area: hourlyReport; }
 
-.weeklyReport {
-    display: grid;
-    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
-    grid-template-rows: 1fr;
-    gap: 0px 0px;
-    grid-auto-flow: row;
-    grid-template-areas:
-        ". . . . . .";
-    grid-area: weeklyReport;
-}
+.weeklyReport { grid-area: weeklyReport; }