From 72fb7e730779b57641ad568ec1e897310bd84b82 Mon Sep 17 00:00:00 2001
From: Manav Rathi <manav@mrmr.io>
Date: Tue, 26 Nov 2024 08:37:36 +0530
Subject: [PATCH] Dialog tweaks

---
 .../Collections/AlbumCastDialog.tsx           | 38 +++++++++++--------
 1 file changed, 22 insertions(+), 16 deletions(-)

diff --git a/web/apps/photos/src/components/Collections/AlbumCastDialog.tsx b/web/apps/photos/src/components/Collections/AlbumCastDialog.tsx
index 28b82836ad..fd3b82b0df 100644
--- a/web/apps/photos/src/components/Collections/AlbumCastDialog.tsx
+++ b/web/apps/photos/src/components/Collections/AlbumCastDialog.tsx
@@ -188,21 +188,23 @@ export const AlbumCastDialog: React.FC<AlbumCastDialogProps> = ({
             )}
             {view == "pin" && (
                 <>
-                    <Typography>
-                        <Trans
-                            i18nKey="visit_cast_url"
-                            components={{
-                                a: (
-                                    <Link
-                                        target="_blank"
-                                        href="https://cast.ente.io"
-                                    />
-                                ),
-                            }}
-                            values={{ url: "cast.ente.io" }}
-                        />
-                    </Typography>
-                    <Typography>{t("enter_cast_pin_code")}</Typography>
+                    <Stack sx={{ gap: 2, mb: 2 }}>
+                        <Typography>
+                            <Trans
+                                i18nKey="visit_cast_url"
+                                components={{
+                                    a: (
+                                        <Link
+                                            target="_blank"
+                                            href="https://cast.ente.io"
+                                        />
+                                    ),
+                                }}
+                                values={{ url: "cast.ente.io" }}
+                            />
+                        </Typography>
+                        <Typography>{t("enter_cast_pin_code")}</Typography>
+                    </Stack>
                     <SingleInputForm
                         callback={onSubmit}
                         fieldType="text"
@@ -211,7 +213,11 @@ export const AlbumCastDialog: React.FC<AlbumCastDialogProps> = ({
                         buttonText={t("pair_device_to_tv")}
                         submitButtonProps={{ sx: { mt: 1, mb: 2 } }}
                     />
-                    <Button variant="text" onClick={() => setView("choose")}>
+                    <Button
+                        variant="text"
+                        fullWidth
+                        onClick={() => setView("choose")}
+                    >
                         {t("GO_BACK")}
                     </Button>
                 </>