From 80a071c9038e8ce84af182f63c702d977de93ce9 Mon Sep 17 00:00:00 2001
From: Daniel Shleifman <dancheskus@gmail.com>
Date: Sun, 19 Jun 2022 22:05:23 +0300
Subject: [PATCH] donation snackbar moved higher in PWA

---
 web/src/components/Donate/index.jsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/web/src/components/Donate/index.jsx b/web/src/components/Donate/index.jsx
index c689e4a..4ec9bfa 100644
--- a/web/src/components/Donate/index.jsx
+++ b/web/src/components/Donate/index.jsx
@@ -5,9 +5,15 @@ import IconButton from '@material-ui/core/IconButton'
 import CreditCardIcon from '@material-ui/icons/CreditCard'
 import CloseIcon from '@material-ui/icons/Close'
 import { useTranslation } from 'react-i18next'
+import styled from 'styled-components'
+import { standaloneMedia } from 'style/standaloneMedia'
 
 import DonateDialog from './DonateDialog'
 
+const StyledSnackbar = styled(Snackbar)`
+  ${standaloneMedia('margin-bottom: 90px')};
+`
+
 export default function DonateSnackbar() {
   const { t } = useTranslation()
   const [open, setOpen] = useState(false)
@@ -22,7 +28,7 @@ export default function DonateSnackbar() {
     <>
       {open && <DonateDialog onClose={() => setOpen(false)} />}
 
-      <Snackbar
+      <StyledSnackbar
         anchorOrigin={{
           vertical: 'bottom',
           horizontal: 'center',