--- a/weather_server/static/style.css	Sat Oct 12 21:02:02 2019 -0400
+++ b/weather_server/static/style.css	Sun Oct 13 18:22:06 2019 -0400
@@ -47,9 +47,10 @@
     padding: 0;
     font: inherit;
     flex: auto;
+    line-height: 1;
 }
 
-p.plain {
+.plain p {
     box-sizing: border-box;
     flex: 1;
     position: relative;
@@ -57,35 +58,35 @@
     flex-direction: column;
     align-items: baseline;
     padding: 24px;
-    line-height: 1;
 }
 
-p.plain.important .key {
+.plain p.important .key {
     display: block;
     opacity: 75%;
     font-size: 18px;
 }
 
-p.plain.important .value {
+.plain p.important .value {
     margin-top: 0;
     font-size: 150px;
     display: flex;
     flex-flow: row nowrap;
 }
 
-p.plain.important .value .unit {
+.plain p.important .value .unit {
     font-size: 33%;
     font-weight: bold;
     opacity: 66%;
     padding-top: 0.25em;
 }
 
-p.fancy {
+.fancy p.important {
     position: relative;
     flex: 1;
+    height: 200px;
 }
 
-p.fancy canvas {
+.fancy p.important canvas {
     display: block;
     position: absolute;
     top: 0;
@@ -96,6 +97,23 @@
     height: 100%;
 }
 
+.fancy p.important .key {
+    display: block;
+    position: absolute;
+    top: 24px;
+    left: 24px;
+    margin: -4px;
+    padding: 4px;
+    background-color: inherit;
+
+    font-size: 18px;
+    opacity: 75%;
+}
+
+.fancy p.important .value {
+    display: none;
+}
+
 #temp {
     background: var(--temp-background);
     color: var(--temp-text);