From a00c696c1aebdd1635d1329f8c5e9d0b3de2ad37 Mon Sep 17 00:00:00 2001
From: Dhruwang Jariwala <67850763+Dhruwang@users.noreply.github.com>
Date: Sat, 6 Jul 2024 09:59:17 +0530
Subject: [PATCH] fix: survey card issues (#2854)

Co-authored-by: Johannes <johannes@formbricks.com>
---
 packages/lib/templates.ts                                     | 4 ++--
 .../surveys/src/components/wrappers/StackedCardsContainer.tsx | 2 +-
 packages/ui/PreviewSurvey/components/Modal.tsx                | 4 ++--
 packages/ui/PreviewSurvey/lib/utils.ts                        | 4 ++--
 4 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/packages/lib/templates.ts b/packages/lib/templates.ts
index 579627b7e4..66e55c8063 100644
--- a/packages/lib/templates.ts
+++ b/packages/lib/templates.ts
@@ -683,7 +683,7 @@ export const templates: TTemplate[] = [
             },
             {
               id: createId(),
-              label: { default: "productManager" },
+              label: { default: "Product Manager" },
             },
             {
               id: createId(),
@@ -748,7 +748,7 @@ export const templates: TTemplate[] = [
             },
             {
               id: createId(),
-              label: { default: "productManager" },
+              label: { default: "Product Manager" },
             },
             {
               id: createId(),
diff --git a/packages/surveys/src/components/wrappers/StackedCardsContainer.tsx b/packages/surveys/src/components/wrappers/StackedCardsContainer.tsx
index 29812f777b..621b948586 100644
--- a/packages/surveys/src/components/wrappers/StackedCardsContainer.tsx
+++ b/packages/surveys/src/components/wrappers/StackedCardsContainer.tsx
@@ -170,7 +170,7 @@ export const StackedCardsContainer = ({
       <div style={{ height: cardHeight }}></div>
       {cardArrangement === "simple" ? (
         <div
-          className={cn("w-full", fullSizeCards ? "h-full" : "")}
+          className={cn("fb-w-full", fullSizeCards ? "fb-h-full" : "")}
           style={{
             ...borderStyles,
           }}>
diff --git a/packages/ui/PreviewSurvey/components/Modal.tsx b/packages/ui/PreviewSurvey/components/Modal.tsx
index 3df71707ca..be5d714765 100644
--- a/packages/ui/PreviewSurvey/components/Modal.tsx
+++ b/packages/ui/PreviewSurvey/components/Modal.tsx
@@ -128,7 +128,7 @@ export const Modal = ({
       id="preview-survey-base"
       aria-live="assertive"
       className={cn(
-        "relative h-full w-full overflow-hidden",
+        "relative h-full w-full overflow-hidden rounded-b-md",
         overlayStyle,
         "transition-all duration-500 ease-in-out"
       )}>
@@ -144,7 +144,7 @@ export const Modal = ({
           }),
         }}
         className={cn(
-          "no-scrollbar pointer-events-auto absolute h-fit max-h-[90%] w-full max-w-sm transition-all duration-500 ease-in-out",
+          "no-scrollbar pointer-events-auto absolute max-h-[90%] w-full max-w-sm transition-all duration-500 ease-in-out",
           previewMode === "desktop" ? getPlacementStyle(placement) : "max-w-full",
           slidingAnimationClass
         )}>
diff --git a/packages/ui/PreviewSurvey/lib/utils.ts b/packages/ui/PreviewSurvey/lib/utils.ts
index dc885612cc..0744d5577a 100644
--- a/packages/ui/PreviewSurvey/lib/utils.ts
+++ b/packages/ui/PreviewSurvey/lib/utils.ts
@@ -5,9 +5,9 @@ export const getPlacementStyle = (placement: TPlacement) => {
     case "bottomRight":
       return "bottom-3 sm:right-3";
     case "topRight":
-      return "sm:top-3 sm:right-3 bottom-3";
+      return "sm:top-6 sm:right-6";
     case "topLeft":
-      return "sm:top-3 sm:left-3 bottom-3";
+      return "sm:top-6 sm:left-6";
     case "bottomLeft":
       return "bottom-3 sm:left-3";
     case "center":