increase size of metar

src/components/Radar.jsx

@@ -12,8 +12,8 @@ const Radar = () => {
       <iframe
         title="radar"
         width="1015"
-        height="600"
-        src="https://embed.windy.com/embed.html?type=map&location=coordinates&metricRain=default&metricTemp=°C&metricWind=kt&zoom=8&overlay=radar&product=radar&level=surface&lat=27.794&lon=-81.745&pressure=true&message=true&play=true"
+        height="500"
+        src="https://embed.windy.com/embed.html?type=map&location=coordinates&metricRain=default&metricTemp=°C&metricWind=kt&zoom=8&overlay=radar&product=radar&level=surface&lat=27.794&lon=-81.745&pressure=true&message=true"
         frameborder="0"
       ></iframe>
     </div>

src/components/metar/MatrixComponents.jsx

@@ -10,12 +10,13 @@ const baseStyles = {
   headerCell: {
     fontWeight: 'bold',
     textAlign: 'center',
+    fontSize: '1.2rem',
   },
   label: {
-    fontSize: '1.1em',
+    fontSize: '1.2rem',
   },
   value: {
-    fontSize: '1.1em',
+    fontSize: '1.2rem',
   },
   icon: {
     textAlign: 'center',

src/components/metar/Metar.jsx

@@ -52,8 +52,8 @@ const Metar = ({ data }) => {
     >
       <div
         style={{
-          minHeight: '450px',
-          maxHeight: '450px',
+          minHeight: '550px',
+          maxHeight: '550px',
           minWidth: '1015px',
           maxWidth: '1015px',
           backgroundColor: '#23252A',
@@ -84,13 +84,14 @@ const Metar = ({ data }) => {
               backgroundColor: '#313340',
               padding: '1rem',
               width: '100%',
+              fontSize: '1.2rem',
             }}
           >
             <RunwayMatrix metar={decodedMetar} />
           </div>
         </div>
 
-        <div style={{ padding: '.5rem 1rem' }}>
+        <div style={{ padding: '.5rem 1rem', fontSize: '1.5rem' }}>
           <p>{metar}</p>
           <TafDisplay taf={taf} />
         </div>

src/components/schedule/Schedule.jsx

@@ -46,7 +46,7 @@ const Schedule = ({ data }) => {
           <ScheduleCell width={widths[4]} color="white">
             Destination
           </ScheduleCell>
-          <ScheduleCell width="15" color="white"></ScheduleCell>
+          <ScheduleCell width="15"></ScheduleCell>
           <ScheduleCell width={widths[5]} color="white">
             Gate
           </ScheduleCell>
@@ -63,14 +63,8 @@ const Schedule = ({ data }) => {
                 <ScheduleCell width={widths[1]}>{row.date}</ScheduleCell>
                 <ScheduleCell width={widths[2]}>{row.startTime}</ScheduleCell>
                 <ScheduleCell width={widths[3]}>{row.endTime}</ScheduleCell>
-                <ScheduleCell width={widths[4]}>
-                  {row.description?.length
-                    ? row.description
-                    : row.backseat
-                      ? 'backseat'
-                      : undefined}
-                </ScheduleCell>
-                <ScheduleCell width="15" color="white"></ScheduleCell>
+                <ScheduleCell width={widths[4]}>{row.description}</ScheduleCell>
+                <ScheduleCell width="15"></ScheduleCell>
                 <ScheduleCell width={widths[5]}>{row.location}</ScheduleCell>
                 <ScheduleCell
                   end="true"

src/components/schedule/ScheduleRow.jsx

@@ -1,10 +1,5 @@
 import React from 'react';
 
-const bgs = {
-  true: 'none',
-  false: '#2F3136',
-};
-
 const ScheduleRow = ({ children, bg, border }) => {
   return (
     <div
@@ -13,7 +8,7 @@ const ScheduleRow = ({ children, bg, border }) => {
         color: 'white',
         padding: '.5rem 1rem',
         borderBottom: border ? '1px solid grey' : 'none',
-        backgroundColor: bgs[bg],
+        backgroundColor: bg ? 'none' : '#2F3136',
       }}
     >
       {children}