From e8d04b6a81678b91dbafba8e9d45ce52f60d5faa Mon Sep 17 00:00:00 2001
From: mgabdev <>
Date: Tue, 3 Nov 2020 16:28:19 -0600
Subject: [PATCH] Updated GlobalFooter styles to be visible on mobile
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

• Updated:
- GlobalFooter styles to be visible on mobile with FooterBar always on top
---
 app/javascript/gabsocial/components/global_footer.js | 4 ++--
 app/javascript/styles/global.css                     | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/app/javascript/gabsocial/components/global_footer.js b/app/javascript/gabsocial/components/global_footer.js
index af8825ce..e6998cd9 100644
--- a/app/javascript/gabsocial/components/global_footer.js
+++ b/app/javascript/gabsocial/components/global_footer.js
@@ -7,7 +7,7 @@ import Text from './text'
 import ResponsiveClassesComponent from '../features/ui/util/responsive_classes_component'
 
 const GlobalFooter = () => (
-  <div className={[_s.d, _s.z4, _s.w100PC].join(' ')}>
+  <div className={[_s.d, _s.z3, _s.w100PC].join(' ')}>
     <div className={[_s.d, _s.left0, _s.right0, _s.bottom0, _s.w100PC, _s.bgSubtle, _s.borderTop1PX, _s.aiCenter, _s.borderColorSecondary].join(' ')}>
 
       <div className={[_s.d, _s.mt15, _s.mb15].join(' ')}>
@@ -116,7 +116,7 @@ const GlobalFooter = () => (
       <div className={[_s.d, _s.aiCenter, _s.bgSecondary, _s.h100PC, _s.minH58PX, _s.w100PC, _s.saveAreaInsetPB, _s.jcSpaceAround].join(' ')}>
         <ResponsiveClassesComponent
           classNames={[_s.d, _s.w1255PX, _s.flexRow, _s.aiCenter].join(' ')}
-          classNamesXS={[_s.d, _s.w1255PX, _s.aiCenter, _s.px15, _s.pt15].join(' ')}
+          classNamesXS={[_s.d, _s.w1255PX, _s.aiCenter, _s.px15, _s.pt15, _s.pb50].join(' ')}
         >
 
           <div classNames={[_s.d, _s.flexRow, _s.aiCenter].join(' ')}>
diff --git a/app/javascript/styles/global.css b/app/javascript/styles/global.css
index 0548b6e3..cf5f26a8 100644
--- a/app/javascript/styles/global.css
+++ b/app/javascript/styles/global.css
@@ -804,6 +804,7 @@ pre {
 .pt5 { padding-top: 5px; }
 .pt2 { padding-top: 2px; }
 
+.pb50 { padding-bottom: 50px; }
 .pb35 { padding-bottom: 35px; }
 .pb15 { padding-bottom: 15px; }
 .pb10 { padding-bottom: 10px; }