From de3da5c01138684d0c51d7f32e132ba2ea5c950c Mon Sep 17 00:00:00 2001
From: Eric Bailey <git@esb.lol>
Date: Wed, 22 Nov 2023 15:20:38 -0600
Subject: [PATCH] Better responsive styles

---
 src/view/com/auth/LoggedOut.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/view/com/auth/LoggedOut.tsx b/src/view/com/auth/LoggedOut.tsx
index aed9b3b93d..030ae68b17 100644
--- a/src/view/com/auth/LoggedOut.tsx
+++ b/src/view/com/auth/LoggedOut.tsx
@@ -13,6 +13,7 @@ import {usePalette} from 'lib/hooks/usePalette'
 import {useAnalytics} from 'lib/analytics/analytics'
 import {SplashScreen} from './SplashScreen'
 import {useSetMinimalShellMode} from '#/state/shell/minimal-mode'
+import {useWebMediaQueries} from 'lib/hooks/useWebMediaQueries'
 
 enum ScreenState {
   S_LoginOrCreateAccount,
@@ -28,6 +29,7 @@ export function LoggedOut({onDismiss}: {onDismiss?: () => void}) {
   const [screenState, setScreenState] = React.useState<ScreenState>(
     ScreenState.S_LoginOrCreateAccount,
   )
+  const {isMobile} = useWebMediaQueries()
 
   React.useEffect(() => {
     screen('Login')
@@ -41,7 +43,8 @@ export function LoggedOut({onDismiss}: {onDismiss?: () => void}) {
         s.hContentRegion,
         pal.view,
         {
-          paddingTop: 40,
+          // only needed if dismiss button is present
+          paddingTop: onDismiss && isMobile ? 40 : 0,
         },
       ]}>
       <ErrorBoundary>