From f77fadee26a290b122fa6c1fde043e3e2a5a5ff7 Mon Sep 17 00:00:00 2001
From: Saibotk <git@saibotk.de>
Date: Mon, 26 Aug 2024 01:28:19 +0200
Subject: [PATCH] [web][photos] Fix mobile upload button hover & position

The hover and ripple effects and the positioning were off on the mobile upload button, because the `.mobile-button` class used the wrong class to let the element appear again. It used `display: block`, but the MUI IconButton actually has `display: inline-flex`, which will also fix the wrong height of the button.

See https://github.com/mui/material-ui/issues/33020
---
 web/apps/photos/src/components/Upload/UploadButton.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/apps/photos/src/components/Upload/UploadButton.tsx b/web/apps/photos/src/components/Upload/UploadButton.tsx
index 72d0319bc5..b202dfb8e0 100644
--- a/web/apps/photos/src/components/Upload/UploadButton.tsx
+++ b/web/apps/photos/src/components/Upload/UploadButton.tsx
@@ -17,7 +17,7 @@ const Wrapper = styled("div")<{ $disableShrink: boolean }>`
         !$disableShrink &&
         `@media (max-width: 624px) {
         & .mobile-button {
-            display: block;
+            display: inline-flex;
         }
         & .desktop-button {
             display: none;