From 5433f29e5edaaf68c6a3a3f5f026481e24bf577a Mon Sep 17 00:00:00 2001
From: tekoiv <topiekoivunen@gmail.com>
Date: Mon, 18 Sep 2023 13:48:20 +0300
Subject: [PATCH] fix: some route infobox bugs

---
 app/component/TransitLeg.js      |  2 +-
 app/component/route.scss         |  6 ++++--
 app/configurations/config.hsl.js | 33 ++++++++++++++++----------------
 3 files changed, 22 insertions(+), 19 deletions(-)

diff --git a/app/component/TransitLeg.js b/app/component/TransitLeg.js
index 17f7ad1957..580976d919 100644
--- a/app/component/TransitLeg.js
+++ b/app/component/TransitLeg.js
@@ -332,7 +332,7 @@ class TransitLeg extends React.Component {
                 <div className="info-notification">
                   <h3 className="info-header">{notification.header[lang]}</h3>
                   <div className="info-content">
-                    {notification.content[lang]}
+                    {notification.content[lang].join(' ')}
                   </div>
                 </div>
                 <Icon
diff --git a/app/component/route.scss b/app/component/route.scss
index 82627b0a1a..3512b8ba47 100644
--- a/app/component/route.scss
+++ b/app/component/route.scss
@@ -84,13 +84,14 @@ $margin-left-right: 21.3px;
   }
   .button-block {
     display: flex;
-    max-height: 24px;
+    margin-left: 24px;
     label {
       color: $primary-color;
       font-weight: bold;
       margin-right: 10px;
     }
     .route-notification-collapse-button {
+      max-height: 25px;
       .route-notification-collapse-icon {
         width: 10px;
         height: 10px;
@@ -119,7 +120,8 @@ $margin-left-right: 21.3px;
   }
 }
 .route-notification.minimized {
-  max-height: 25px;
+  min-height: 25px;
+  padding-bottom: 0;
 }
 
 .route-page-content {
diff --git a/app/configurations/config.hsl.js b/app/configurations/config.hsl.js
index a2f2d73c15..41f06b9236 100644
--- a/app/configurations/config.hsl.js
+++ b/app/configurations/config.hsl.js
@@ -554,15 +554,15 @@ export default {
       },
       content: {
         fi: [
-          'Mm. lastenvaunujen osalta noudatetaan liikennöitsijän sääntöjä. ',
+          'Mm. lastenvaunujen osalta noudatetaan liikennöitsijän sääntöjä.',
           'HSL-alueen ulkopuolelle käytetään liikennöitsijän lippuja.',
         ],
         en: [
-          "The bus operators' regulations are applied e.g. to the transport of prams. ",
+          "The bus operators' regulations are applied e.g. to the transport of prams.",
           "The bus operators' tickets are used outside the HSL area.",
         ],
         sv: [
-          'Trafikföretagets regler tillämpas t.ex. på barnvagnar. ',
+          'Trafikföretagets regler tillämpas t.ex. på barnvagnar.',
           'Trafikföretagets egna biljetter gäller utanför HRT-området.',
         ],
       },
@@ -587,16 +587,16 @@ export default {
       },
       content: {
         fi: [
-          'Pääset kyytiin myös keskiovista näyttämättä lippua kuljettajalle. ',
-          'Linja käyttää valikoituja pysäkkejä eli ei pysähdy kaikilla pysäkeillä. ',
+          'Pääset kyytiin myös keskiovista näyttämättä lippua kuljettajalle.',
+          'Linja käyttää valikoituja pysäkkejä eli ei pysähdy kaikilla pysäkeillä.',
         ],
         en: [
-          'Passengers can board the buses also through the middle doors. ',
-          'The bus will not serve all stops along the route. ',
+          'Passengers can board the buses also through the middle doors.',
+          'The bus will not serve all stops along the route.',
         ],
         sv: [
-          'Man kan stiga på genom mittdörren och behöver inte visa upp sin biljett för föraren. ',
-          'För att snabba upp trafiken stannar bussarna inte vid alla hållplatser. ',
+          'Man kan stiga på genom mittdörren och behöver inte visa upp sin biljett för föraren.',
+          'För att snabba upp trafiken stannar bussarna inte vid alla hållplatser.',
         ],
       },
       closeButtonLabel: {
@@ -615,21 +615,21 @@ export default {
       id: 'localRouteNotification',
       header: {
         fi: 'Lähibussi',
-        en: 'Neighborhood route',
+        en: 'Neighbourhood route',
         sv: 'Närbuss',
       },
       content: {
         fi: [
-          'Lähibussit on suunniteltu erityisesti ikäihmisille ja liikuntarajoitteisille. ',
-          'Kyytiin voi nousta ja kyydistä poistua pysäkkien lisäksi myös muualla, liikennesääntöjen puitteissa. ',
+          'Lähibussit on suunniteltu erityisesti ikäihmisille ja liikuntarajoitteisille.',
+          'Kyytiin voi nousta ja kyydistä poistua pysäkkien lisäksi myös muualla, liikennesääntöjen puitteissa.',
         ],
         en: [
-          'The routes and timetables have been planned to serve, in particular, the needs of senior citizens. ',
-          'In addition to regular bus stops, the buses can stop at other locations, as long as it is safe to do so. ',
+          'The routes and timetables have been planned to serve, in particular, the needs of senior citizens.',
+          'In addition to regular bus stops, the buses can stop at other locations, as long as it is safe to do so.',
         ],
         sv: [
-          'Närbusslinjerna är planerade i synnerhet med tanke på seniorer och rörelsehindrade. ',
-          'Närbussarna kan inom ramen för trafikreglerna också stanna annanstans än vid markerade hållplatser. ',
+          'Närbusslinjerna är planerade i synnerhet med tanke på seniorer och rörelsehindrade.',
+          'Närbussarna kan inom ramen för trafikreglerna också stanna annanstans än vid markerade hållplatser.',
         ],
       },
       closeButtonLabel: {
@@ -645,6 +645,7 @@ export default {
     },
     {
       showForRoute: route => route.type === 902,
+      id: 'speedtramNotification',
       header: {
         fi: 'Mitä pikaratikka tarkoittaa?',
         en: 'What is light rail?',