update docs template, adjust link survey width

apps/demo/pages/app/index.tsx

@@ -72,6 +72,9 @@ export default function AppPage({}) {
               }}>
               Feedback
             </button>
+            <button className="mr-2 flex max-w-xs items-center rounded-full bg-white text-sm  font-medium text-slate-700 focus:outline-none focus:ring-2 focus:ring-cyan-500 focus:ring-offset-2 lg:rounded-md lg:p-2 lg:hover:bg-slate-50">
+              No Code Feedback Btn Click
+            </button>
             <button
               className="mr-2 flex max-w-xs items-center rounded-full bg-white text-sm  font-medium text-slate-700 focus:outline-none focus:ring-2 focus:ring-cyan-500 focus:ring-offset-2 lg:rounded-md lg:p-2 lg:hover:bg-slate-50"
               onClick={() => {
@@ -344,8 +347,9 @@ export default function AppPage({}) {
                     <div className="flex flex-1 justify-between sm:justify-end">
                       <a
                         href="#"
+                        id="test-css"
                         className="relative inline-flex items-center rounded-md border border-slate-300 bg-white px-4 py-2 text-sm font-medium text-slate-700 hover:bg-slate-50">
-                        Previous
+                        CSS ID Test
                       </a>
                       <a
                         href="#"

apps/web/app/environments/[environmentId]/surveys/templates/templates.ts

@@ -1,17 +1,20 @@
-import { AppPieChartIcon } from "@formbricks/ui";
-import { CancelSubscriptionIcon } from "@formbricks/ui";
-import { CashCalculatorIcon } from "@formbricks/ui";
-import { DashboardIcon } from "@formbricks/ui";
-import { DogChaserIcon } from "@formbricks/ui";
-import { DoorIcon } from "@formbricks/ui";
-import { FeedbackIcon } from "@formbricks/ui";
-import { OnboardingIcon } from "@formbricks/ui";
-import { PMFIcon } from "@formbricks/ui";
-import { TaskListSearchIcon } from "@formbricks/ui";
-import { BaseballIcon } from "@formbricks/ui";
-import { CheckMarkIcon } from "@formbricks/ui";
-import { ArrowRightCircleIcon } from "@formbricks/ui";
 import type { Template } from "@formbricks/types/templates";
+import {
+  AppPieChartIcon,
+  ArrowRightCircleIcon,
+  BaseballIcon,
+  CancelSubscriptionIcon,
+  CashCalculatorIcon,
+  CheckMarkIcon,
+  CodeBookIcon,
+  DashboardIcon,
+  DogChaserIcon,
+  DoorIcon,
+  FeedbackIcon,
+  OnboardingIcon,
+  PMFIcon,
+  TaskListSearchIcon,
+} from "@formbricks/ui";
 import { createId } from "@paralleldrive/cuid2";
 
 const thankYouCardDefault = {
@@ -692,7 +695,7 @@ export const templates: Template[] = [
   },
   {
     name: "Docs Feedback",
-    icon: DashboardIcon,
+    icon: CodeBookIcon,
     category: "Product Experience",
     description: "Measure how clear each page of your developer documentation is.",
     preset: {

apps/web/app/s/[surveyId]/LinkSurvey.tsx

@@ -113,7 +113,7 @@ export default function LinkSurvey({ survey }: LinkSurveyProps) {
           loadingElement && "fb-animate-pulse fb-opacity-60",
           "flex h-full flex-1 items-center overflow-y-auto bg-white"
         )}>
-        <ContentWrapper className="w-full lg:max-w-3xl">
+        <ContentWrapper className="w-full md:max-w-2xl">
           {finished ? (
             <div>
               <Confetti colors={[survey.brandColor, "#eee"]} />