Fix region sizing on web

src/view/com/login/Signin.tsx

@@ -482,9 +482,9 @@ const ForgotPasswordForm = ({
   const [email, setEmail] = useState<string>('')
   const {screen} = useAnalytics()
 
-  // useEffect(() => {
-  screen('Signin:ForgotPassword')
-  // }, [screen])
+  useEffect(() => {
+    screen('Signin:ForgotPassword')
+  }, [screen])
 
   const onPressSelectService = () => {
     store.shell.openModal({

src/view/com/notifications/Feed.tsx

@@ -81,7 +81,7 @@ export const Feed = observer(function Feed({
   )
 
   return (
-    <View style={s.h100pct}>
+    <View style={s.hContentRegion}>
       <CenteredView>
         {view.isLoading && !data && <NotificationFeedLoadingPlaceholder />}
         {view.hasError && (

src/view/com/post-thread/PostThread.tsx

@@ -95,7 +95,7 @@ export const PostThread = observer(function PostThread({
       onRefresh={onRefresh}
       onLayout={onLayout}
       onScrollToIndexFailed={onScrollToIndexFailed}
-      style={s.h100pct}
+      style={s.hContentRegion}
       contentContainerStyle={s.contentContainer}
     />
   )

src/view/com/posts/FeedItem.tsx

@@ -279,6 +279,7 @@ const styles = StyleSheet.create({
     borderWidth: 1,
     borderRadius: 4,
     marginBottom: 10,
+    paddingBottom: 10,
   },
   outerNoTop: {
     borderTopWidth: 0,

src/view/com/util/Views.web.tsx

@@ -23,6 +23,7 @@ import {
   ViewProps,
 } from 'react-native'
 import {addStyle, colors} from 'lib/styles'
+import {DESKTOP_HEADER_HEIGHT} from 'lib/constants'
 
 export function CenteredView({
   style,
@@ -78,7 +79,7 @@ const styles = StyleSheet.create({
   },
   containerScroll: {
     width: '100%',
-    height: '100%',
+    height: `calc(100vh - ${DESKTOP_HEADER_HEIGHT}px)`,
     maxWidth: 600,
     marginLeft: 'auto',
     marginRight: 'auto',