From f932907e7dc87f8fd7dab6dbe41491fa63578f48 Mon Sep 17 00:00:00 2001
From: e-halinen <54105602+e-halinen@users.noreply.github.com>
Date: Thu, 12 Dec 2024 16:17:10 +0200
Subject: [PATCH] AB#44833: Fix smaller terminal poster footer vector
 placements (#435)

---
 src/components/stopPoster/footer.js | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/stopPoster/footer.js b/src/components/stopPoster/footer.js
index a7af9b69..a991c436 100644
--- a/src/components/stopPoster/footer.js
+++ b/src/components/stopPoster/footer.js
@@ -80,7 +80,7 @@ const getFirstSlotPosition = slotsAmount => {
       firstSlotMargin = 25;
       break;
     default:
-      firstSlotMargin = 25;
+      firstSlotMargin = 480;
       break;
   }
 
@@ -138,6 +138,10 @@ const Footer = props => {
 
   const templateSlots = get(props, 'template.slots', []);
 
+  if (templateSlots.length === 3 && props.isSmallTerminalPoster) {
+    templateSlots.splice(2, 1); // Compatibility with 3 slot templates for the smaller terminal poster
+  }
+
   if (templateSlots.length === 5 && props.isSmallTerminalPoster) {
     templateSlots.splice(4, 1); // Remove the fifth SVG slot to fit the smaller terminal poster footer
   }
@@ -147,7 +151,7 @@ const Footer = props => {
   return (
     <div className={styles.footerWrapper}>
       <InlineSVG className={styles.dottedLine} src={dottedLine} />
-      {slots.length === 3 && (
+      {slots.length <= 3 && (
         <div>
           <InlineSVG className={classnames(styles.footerPiece, styles.hslLogo)} src={hslLogo} />
           <InlineSVG