From 814313705479ff0442239d0dacd834fcb30c9db4 Mon Sep 17 00:00:00 2001
From: CMcDonald9774 <mhockey74@aol.com>
Date: Tue, 11 Jul 2023 02:16:18 -0500
Subject: [PATCH 1/2] Adjusting styling on the popup in FlightMarker.tsx for
 better spacing and scaling

---
 src/Map/FlightMarker.tsx | 24 ++++++++++++++++++------
 1 file changed, 18 insertions(+), 6 deletions(-)

diff --git a/src/Map/FlightMarker.tsx b/src/Map/FlightMarker.tsx
index a6198f5..345720e 100644
--- a/src/Map/FlightMarker.tsx
+++ b/src/Map/FlightMarker.tsx
@@ -96,9 +96,9 @@ const FlightMarker = (props: FlightMarkerProps): JSX.Element => {
                 onOpen={() => (props.onPopupOpen ? props.onPopupOpen() : {})}
                 onClose={() => (props.onPopupClose ? props.onPopupClose() : {})}
             >
-                <h1>
+                <h1 style={styles['popup-header-text-content']}>
                     Flight
-                    {connection.flight}
+                    {": " + connection.flight}
                 </h1>
                 {
                     (connection.origin && connection.destination)
@@ -114,18 +114,30 @@ const FlightMarker = (props: FlightMarkerProps): JSX.Element => {
                         )
                         : ''
                 }
-                <p>
+                <p style={styles["popup-paragraph-text-content"]}>
                     Aircraft:
-                    {connection.aircraftType}
+                    {" " + connection.aircraftType}
                 </p>
-                <p>
+                <p style={styles["popup-paragraph-text-content"]}>
                     Altitude:
-                    {connection.trueAltitude}
+                    {" " + connection.trueAltitude}
                     ft
                 </p>
             </Popup>
         </Marker>
     );
+    
+};
+
+const styles = {
+    "popup-header-text-content": {
+        "font-size": "200%",
+        "display": "block",
+      },
+      "popup-paragraph-text-content": {
+        "font-size": "125%",
+        "display": "block",
+      }
 };
 
 export default FlightMarker;

From 866cda5f3e04473a50b1215787c50d34f47916d8 Mon Sep 17 00:00:00 2001
From: CMcDonald9774 <mhockey74@aol.com>
Date: Wed, 31 Jul 2024 20:31:16 -0500
Subject: [PATCH 2/2] adding overflow-wrap for styles

---
 src/Map/FlightMarker.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/Map/FlightMarker.tsx b/src/Map/FlightMarker.tsx
index 345720e..3a38419 100644
--- a/src/Map/FlightMarker.tsx
+++ b/src/Map/FlightMarker.tsx
@@ -133,10 +133,12 @@ const styles = {
     "popup-header-text-content": {
         "font-size": "200%",
         "display": "block",
+        "overflow-wrap": "break-word"
       },
       "popup-paragraph-text-content": {
         "font-size": "125%",
         "display": "block",
+        "overflow-wrap": "break-word"
       }
 };