From d68c04a8fb1306e7b198af82f447ced9cc38f4ea Mon Sep 17 00:00:00 2001
From: Manav Rathi <manav@mrmr.io>
Date: Sat, 3 Aug 2024 17:57:41 +0530
Subject: [PATCH] Increase tap area for better mobile UX

---
 .../photos/src/components/PhotoList/index.tsx | 21 +++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)

diff --git a/web/apps/photos/src/components/PhotoList/index.tsx b/web/apps/photos/src/components/PhotoList/index.tsx
index 5ffc692f8d..fec632b416 100644
--- a/web/apps/photos/src/components/PhotoList/index.tsx
+++ b/web/apps/photos/src/components/PhotoList/index.tsx
@@ -579,13 +579,22 @@ export function PhotoList({
                     span={columns}
                     hasReferral={!!publicCollectionGalleryContext.referralCode}
                 >
+                    {/* Make the entire area tappable, otherwise it is hard to
+                        get at on mobile devices. */}
                     <Box width={"100%"}>
-                        <Typography variant="small" display={"block"}>
-                            {t("SHARED_USING")}{" "}
-                            <Link target="_blank" href={"https://ente.io"}>
-                                ente.io
-                            </Link>
-                        </Typography>
+                        <Link
+                            color="text.base"
+                            sx={{ "&:hover": { color: "inherit" } }}
+                            target="_blank"
+                            href={"https://ente.io"}
+                        >
+                            <Typography variant="small" display={"block"}>
+                                {t("SHARED_USING")}{" "}
+                                <Link target="_blank" href={"https://ente.io"}>
+                                    ente.io
+                                </Link>
+                            </Typography>
+                        </Link>
                         {publicCollectionGalleryContext.referralCode ? (
                             <FullStretchContainer>
                                 <Typography