From 0d5af6b44d126f04effbf5f16d5a0d40b2013d1e Mon Sep 17 00:00:00 2001
From: ShubhamPalriwala <spalriwalau@gmail.com>
Date: Thu, 17 Aug 2023 13:08:50 +0530
Subject: [PATCH] feat: responses already recd warning and survey preview
 padding

---
 .../[environmentId]/surveys/PreviewSurvey.tsx          |  2 +-
 .../surveys/[surveyId]/edit/SurveyMenuBar.tsx          | 10 ++++++----
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/apps/web/app/(app)/environments/[environmentId]/surveys/PreviewSurvey.tsx b/apps/web/app/(app)/environments/[environmentId]/surveys/PreviewSurvey.tsx
index f972bd9ec2..310732b295 100644
--- a/apps/web/app/(app)/environments/[environmentId]/surveys/PreviewSurvey.tsx
+++ b/apps/web/app/(app)/environments/[environmentId]/surveys/PreviewSurvey.tsx
@@ -451,7 +451,7 @@ export default function PreviewSurvey({
               </Modal>
             ) : (
               <div className="flex flex-grow flex-col overflow-y-auto" ref={ContentRef}>
-                <div className="flex w-full flex-grow flex-col items-center justify-center bg-white py-6">
+                <div className="flex w-full flex-grow p-4 flex-col items-center justify-center bg-white py-6">
                   <div className="w-full max-w-md">
                     <QuestionRenderer
                       activeQuestionId={activeQuestionId}
diff --git a/apps/web/app/(app)/environments/[environmentId]/surveys/[surveyId]/edit/SurveyMenuBar.tsx b/apps/web/app/(app)/environments/[environmentId]/surveys/[surveyId]/edit/SurveyMenuBar.tsx
index d8cc2c8496..3ca47f4110 100644
--- a/apps/web/app/(app)/environments/[environmentId]/surveys/[surveyId]/edit/SurveyMenuBar.tsx
+++ b/apps/web/app/(app)/environments/[environmentId]/surveys/[surveyId]/edit/SurveyMenuBar.tsx
@@ -169,7 +169,7 @@ export default function SurveyMenuBar({
           }}>
           Back
         </Button>
-        <p className="pl-4 font-semibold hidden md:block">{product.name} / </p>
+        <p className="hidden pl-4 font-semibold md:block">{product.name} / </p>
         <Input
           defaultValue={localSurvey.name}
           onChange={(e) => {
@@ -180,9 +180,11 @@ export default function SurveyMenuBar({
         />
       </div>
       {!!localSurvey?.responseRate && (
-        <div className="mx-auto flex items-center rounded-full border border-amber-200 bg-amber-100 p-2 text-sm text-amber-700 shadow-sm">
-          <ExclamationTriangleIcon className="mr-2 h-5 w-5 text-amber-400" />
-          This survey received responses. To keep the data consistent, make changes with caution.
+        <div className="mx-auto flex items-center rounded-full border border-amber-200 bg-amber-100 p-2 text-amber-700 shadow-sm">
+          <ExclamationTriangleIcon className=" h-5 w-5 text-amber-400" />
+          <p className="max-w-[90%] pl-1 text-xs lg:text-sm">
+            This survey received responses. To keep the data consistent, make changes with caution.
+          </p>
         </div>
       )}
       <div className="mt-3 flex sm:ml-4 sm:mt-0">