From 98ad2f19edb3568d71705eb4a6b1b0b36592b90a Mon Sep 17 00:00:00 2001
From: Andrew <andreasohaodha@proton.me>
Date: Fri, 14 Mar 2025 21:27:21 +0000
Subject: [PATCH] [frontend]: Fix favourite button causing linebreaks

---
 frontend/src/components/BusPopup.jsx            | 6 +++---
 frontend/src/components/BusStopPopup.jsx        | 6 +++---
 frontend/src/components/IrishRailTrainPopup.jsx | 4 ++--
 frontend/src/components/LuasPopup.jsx           | 4 ++--
 frontend/src/components/TrainStationPopup.jsx   | 4 ++--
 frontend/src/index.css                          | 2 +-
 6 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/frontend/src/components/BusPopup.jsx b/frontend/src/components/BusPopup.jsx
index c2eef44..adc9596 100644
--- a/frontend/src/components/BusPopup.jsx
+++ b/frontend/src/components/BusPopup.jsx
@@ -17,9 +17,9 @@ const BusPopup = ({ item, objectTitle, toggleFavourite, favourites }) => {
                 <h3>{objectTitle}</h3>
                 <button
                     onClick={handleToggleFavourite}
-                    style={{ background: "white", border: "none", fontSize: "20px", cursor: "pointer" }}
+                    style={{background: "white", border: "none", fontSize: "1.1em", cursor: "pointer"}}
                 >
-                    {isFavourite ? "⭐" : "☆"}
+                    {isFavourite ? "⭐" : "✩"}
                 </button>
             </div>
             <ul>
@@ -33,4 +33,4 @@ const BusPopup = ({ item, objectTitle, toggleFavourite, favourites }) => {
     );
 };
 
-export default BusPopup;
\ No newline at end of file
+export default BusPopup;
diff --git a/frontend/src/components/BusStopPopup.jsx b/frontend/src/components/BusStopPopup.jsx
index 89b8b1c..f7a0036 100644
--- a/frontend/src/components/BusStopPopup.jsx
+++ b/frontend/src/components/BusStopPopup.jsx
@@ -17,9 +17,9 @@ const BusStopPopup = ({ item, objectTitle, toggleFavourite, favourites }) => {
                 <h3>{objectTitle}</h3>
                 <button
                     onClick={handleToggleFavourite}
-                    style={{ background: "white", border: "none", fontSize: "20px", cursor: "pointer" }}
+                    style={{background: "white", border: "none", fontSize: "1.1em", cursor: "pointer"}}
                 >
-                    {isFavourite ? "⭐" : "☆"}
+                    {isFavourite ? "⭐" : "✩"}
                 </button>
             </div>
             <ul>
@@ -31,4 +31,4 @@ const BusStopPopup = ({ item, objectTitle, toggleFavourite, favourites }) => {
     );
 };
 
-export default BusStopPopup;
\ No newline at end of file
+export default BusStopPopup;
diff --git a/frontend/src/components/IrishRailTrainPopup.jsx b/frontend/src/components/IrishRailTrainPopup.jsx
index bdd01f5..0552f87 100644
--- a/frontend/src/components/IrishRailTrainPopup.jsx
+++ b/frontend/src/components/IrishRailTrainPopup.jsx
@@ -17,7 +17,7 @@ const IrishRailTrainPopup = ({ item, objectTitle, trainStatus, trainType, latene
                 <h3>{objectTitle}</h3>
                 <button
                     onClick={handleToggleFavourite}
-                    style={{ background: "white", border: "none", fontSize: "20px", cursor: "pointer" }}
+                    style={{background: "white", border: "none", fontSize: "1.1em", cursor: "pointer"}}
                 >
                     {isFavourite ? "⭐" : "☆"}
                 </button>
@@ -35,4 +35,4 @@ const IrishRailTrainPopup = ({ item, objectTitle, trainStatus, trainType, latene
     );
 };
 
-export default IrishRailTrainPopup;
\ No newline at end of file
+export default IrishRailTrainPopup;
diff --git a/frontend/src/components/LuasPopup.jsx b/frontend/src/components/LuasPopup.jsx
index a53272d..f3d6e6e 100644
--- a/frontend/src/components/LuasPopup.jsx
+++ b/frontend/src/components/LuasPopup.jsx
@@ -64,9 +64,9 @@ const LuasPopup = ({ item, objectTitle, luasLine, toggleFavourite, favourites })
                 <h3>{objectTitle}</h3>
                 <button
                     onClick={handleToggleFavourite}
-                    style={{background: "white", border: "none", fontSize: "20px", cursor: "pointer"}}
+                    style={{background: "white", border: "none", fontSize: "1.1em", cursor: "pointer"}}
                 >
-                    {isFavourite ? "⭐" : "☆"}
+                    {isFavourite ? "⭐" : "✩"}
                 </button>
             </div>
             <ul>
diff --git a/frontend/src/components/TrainStationPopup.jsx b/frontend/src/components/TrainStationPopup.jsx
index 2225ab8..a66125e 100644
--- a/frontend/src/components/TrainStationPopup.jsx
+++ b/frontend/src/components/TrainStationPopup.jsx
@@ -73,9 +73,9 @@ const TrainStationPopup = ({ item, objectTitle, toggleFavourite, favourites }) =
                 <h3>{objectTitle}</h3>
                 <button
                     onClick={handleToggleFavourite}
-                    style={{background: "white", border: "none", fontSize: "20px", cursor: "pointer"}}
+                    style={{background: "white", border: "none", fontSize: "1.1em", cursor: "pointer"}}
                 >
-                    {isFavourite ? "⭐" : "☆"}
+                    {isFavourite ? "⭐" : "✩"}
                 </button>
             </div>
             <ul>
diff --git a/frontend/src/index.css b/frontend/src/index.css
index bd0e0f8..8322d52 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -85,7 +85,7 @@ button:focus-visible {
 }
 
 h3 {
-  font-size: 1.4em;
+  font-size: 1.3em;
   font-weight: bold;
 }