style

src/pages/startPage/EditPage.tsx

@@ -100,6 +100,7 @@ export default function EditPage() {
   const isTablet = useMediaQuery(theme.breakpoints.down(1000));
   const isBranchingLogic = useMediaQuery(theme.breakpoints.down(1100));
   const isMobile = useMediaQuery(theme.breakpoints.down(660));
+  const isLinkButton = useMediaQuery(theme.breakpoints.down(708));
   const isMobileSm = useMediaQuery(theme.breakpoints.down(370));
   const [mobileSidebar, setMobileSidebar] = useState<boolean>(false);
   const [nextStep, setNextStep] = useState<number>(0);
@@ -556,7 +557,8 @@ export default function EditPage() {
                 buttonText
               )}
             </Button>
-            {quiz?.status === "start" && (
+            {quiz?.status === "start" &&
+              (!isLinkButton ? (
                 <Box
                   component={Link}
                   sx={{
@@ -572,7 +574,27 @@ export default function EditPage() {
                 >
                   https://hbpn.link/{quiz.qid}
                 </Box>
-            )}
+              ) : (
+                <Box
+                  component={Link}
+                  sx={{
+                    cursor: "pointer",
+                    minWidth: "34px",
+                    height: "34px",
+                    color: "#7E2AEA",
+                    fontSize: "14px",
+                    display: isMobile ? "none" : "flex",
+                    justifyContent: "center",
+                    alignItems: "Center",
+                    background: "#EEE4FC",
+                    borderRadius: "8px",
+                  }}
+                  target="_blank"
+                  to={"https://hbpn.link/" + quiz.qid}
+                >
+                  <LinkSimple />
+                </Box>
+              ))}
 
             {isMobile ? (
               <Button