bump fontsize in fullscreen mode

frontend/src/components/dashboard/dashboard.css

@@ -408,3 +408,18 @@
 /*.voronoi path {
   fill: rgba(255,0,0,0.05);
 }*/
+
+/*
+
+  fullscreen text size modifications
+
+*/
+
+/*
+  increase the base font size in fullscreen mode to bump things up to
+  accomodate for viewing distance on TVs etc
+*/
+.Dashboard.Dashboard--fullscreen { font-size: 1.2em; }
+
+/* keep the dashboard header title from being overwhelmingly large */
+.Dashboard.Dashboard--fullscreen .Header-title-name { font-size: 1em; }

frontend/src/visualizations/Scalar.css

@@ -14,18 +14,18 @@
 }
 
 :local .Scalar.small .Value {
-  font-size: 32px;
+  font-size: 2em;
 }
 :local .Scalar.small .Title {
-  font-size: 14px;
+  font-size: 1em;
 }
 
 :local .Scalar.large {
   align-items: center;
 }
 :local .Scalar.large .Value {
-  font-size: 42px;
+  font-size: 2.5em;
 }
 :local .Scalar.large .Title {
-  font-size: 18px;
+  font-size: 1.2em;
 }

frontend/src/visualizations/components/Legend.css

 :local .LegendHeader {
+  margin-top: 0.5em;
+  margin-bottom: 0.5em;
   height: 24px;
 }
 
 :local .LegendItem {
-  font-size: 14px;
+  font-size: 1.2em;
   font-weight: bold;
   transition: opacity 0.25s linear;
   opacity: 1;