From 830727f20d156a9f39f78d73f7c4ea0883cc8371 Mon Sep 17 00:00:00 2001
From: Chuma McPhoy <chuma.mcphoy@scandichotels.com>
Date: Fri, 25 Oct 2024 13:58:34 +0200
Subject: [PATCH] fix(SW-369): display contact section in loyalty sidebar on
 mobile

---
 .../JoinLoyalty/Contact/contact.module.css    | 30 ++++++++++++-------
 1 file changed, 20 insertions(+), 10 deletions(-)

diff --git a/components/Sidebar/JoinLoyalty/Contact/contact.module.css b/components/Sidebar/JoinLoyalty/Contact/contact.module.css
index 55234e9d2..72127e707 100644
--- a/components/Sidebar/JoinLoyalty/Contact/contact.module.css
+++ b/components/Sidebar/JoinLoyalty/Contact/contact.module.css
@@ -1,19 +1,29 @@
 .contactContainer {
-  display: none;
+  border-top: 1px solid var(--UI-Grey-30);
+  display: flex;
+  flex-direction: column;
+  gap: var(--Spacing-x2);
+  justify-content: center;
+  padding-top: var(--Spacing-x2);
+  align-items: center;
+}
+
+.contact {
+  display: grid;
+  gap: var(--Spacing-x-one-and-half);
+}
+
+.contact > div {
+  display: flex;
+  justify-content: center;
 }
 
 @media screen and (min-width: 1367px) {
   .contactContainer {
-    border-top: 1px solid var(--UI-Grey-30);
-    display: flex;
-    flex-direction: column;
-    gap: var(--Spacing-x2);
-    justify-content: center;
-    padding-top: var(--Spacing-x2);
+    align-items: start;
   }
 
-  .contact {
-    display: grid;
-    gap: var(--Spacing-x-one-and-half);
+  .contact > div {
+    justify-content: start;
   }
 }