From b074d63d76d5ecc3c7377bb83db4ceb5362a01b9 Mon Sep 17 00:00:00 2001
From: Richard Janssen <richard.janssen.93@gmail.com>
Date: Fri, 1 Mar 2024 20:44:57 +0100
Subject: [PATCH] Show connector arrow on mobile view

---
 .../hike/highlights-chain/highlights-chain.component.scss  | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/src/app/pages/hike/highlights-chain/highlights-chain.component.scss b/src/app/pages/hike/highlights-chain/highlights-chain.component.scss
index f4b1bcb..84fd056 100644
--- a/src/app/pages/hike/highlights-chain/highlights-chain.component.scss
+++ b/src/app/pages/hike/highlights-chain/highlights-chain.component.scss
@@ -58,7 +58,6 @@
     }
 
     .connector {
-        position: relative;
         height: calc(100% + $margin);
         width: $connectorBorderWidth;
         margin-left: calc(0.5rem * var(--connector-width) + 0.5 * $margin);
@@ -73,14 +72,12 @@
         }
 
         @media screen and (max-width: #{$maxWidthSm}) {
+            height: calc(100% + $margin + $spacing);
             margin-left: auto;
             margin-right: auto;
             left: 0;
             right: 0;
-
-            .connector-top {
-                display: none;
-            }
+            top: calc(-1 * $spacing);
         }
 
         .connector-top {