From 741dbe7ae512f36265819a9e84c70fd07954af48 Mon Sep 17 00:00:00 2001
From: Kateryna Stetsenko <itcreativeusa@gmail.com>
Date: Sun, 1 Dec 2024 17:20:50 -0800
Subject: [PATCH] [wv-758]Mobile Footer in middle of page in certain situations

[wv-758 ]Set min-height: 100vh to ensure full viewport height for the WeVoteBody styled component
Defaulted bottom to '57px' for consistent appearance when no prop is provided.
---
 src/App.jsx                                   | 2 +-
 src/js/components/Share/ShareButtonFooter.jsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/App.jsx b/src/App.jsx
index 47abc5aab..32c08c449 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -752,8 +752,8 @@ const WeVoteBody = styled('div')`
   //font-family: "Poppins", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
   //line-height: 1.4;
   // margin: 0 auto;
-
   display: block;
+  min-height: 100vh;
   position: relative;
   z-index: 0;
   // this debug technique works!  ${() => console.log('-----------------------------')}
diff --git a/src/js/components/Share/ShareButtonFooter.jsx b/src/js/components/Share/ShareButtonFooter.jsx
index 307a06853..32df5c6a1 100644
--- a/src/js/components/Share/ShareButtonFooter.jsx
+++ b/src/js/components/Share/ShareButtonFooter.jsx
@@ -560,7 +560,7 @@ const ShareButtonFooterWrapper = styled('div', {
 })(({ shareBottomValue }) => (`
   position: fixed;
   width: 100%;
-  ${shareBottomValue ? `bottom: ${shareBottomValue}` : ''};
+  bottom: ${shareBottomValue || '57px'};
   display: block;
   background-color: white;
   @media (min-width: 576px) {