Fix region sizing on web

src/view/screens/Debug.tsx

@@ -73,7 +73,7 @@ function DebugInner({
   const items = [{currentView}]
 
   return (
-    <View style={[s.h100pct, pal.view]}>
+    <View style={[s.hContentRegion, pal.view]}>
       <ViewHeader title="Debug panel" />
       <ViewSelector
         swipeEnabled

src/view/screens/Home.tsx

@@ -90,13 +90,13 @@ export const Home = observer(function Home({navIdx, visible}: ScreenParams) {
   }
 
   return (
-    <View style={s.h100pct}>
+    <View style={s.hContentRegion}>
       <Feed
         testID="homeFeed"
         key="default"
         feed={store.me.mainFeed}
         scrollElRef={scrollElRef}
-        style={s.h100pct}
+        style={s.hContentRegion}
         onPressTryAgain={onPressTryAgain}
         onScroll={onMainScroll}
         headerOffset={HEADER_HEIGHT}

src/view/screens/Notifications.tsx

@@ -76,7 +76,7 @@ export const Notifications = ({navIdx, visible}: ScreenParams) => {
   }, [visible, store, navIdx, screen, scrollToTop])
 
   return (
-    <View style={s.h100pct}>
+    <View style={s.hContentRegion}>
       <ViewHeader title="Notifications" canGoBack={false} />
       <Feed
         view={store.me.notifications}

src/view/screens/PostThread.tsx

@@ -49,9 +49,9 @@ export const PostThread = ({navIdx, visible, params}: ScreenParams) => {
   }, [visible, store.nav, store.log, store.shell, name, navIdx, view])
 
   return (
-    <View style={s.h100pct}>
+    <View style={s.hContentRegion}>
       <ViewHeader title="Post" />
-      <View style={s.h100pct}>
+      <View style={s.hContentRegion}>
         <PostThreadComponent uri={uri} view={view} />
       </View>
     </View>

src/view/screens/Search.web.tsx

@@ -84,7 +84,7 @@ export const Search = observer(({navIdx, visible, params}: ScreenParams) => {
   }
 
   return (
-    <View style={s.h100pct}>
+    <View style={s.hContentRegion}>
       <ViewHeader title="Explore" />
       <ScrollView
         ref={scrollElRef}

src/view/screens/Settings.tsx

@@ -69,9 +69,9 @@ export const Settings = observer(function Settings({
   }
 
   return (
-    <View style={[s.h100pct]} testID="settingsScreen">
+    <View style={[s.hContentRegion]} testID="settingsScreen">
       <ViewHeader title="Settings" />
-      <ScrollView style={s.h100pct}>
+      <ScrollView style={s.hContentRegion}>
         <View style={[s.mt10, s.pl10, s.pr10]}>
           <View style={[s.flexRow]}>
             <Text type="xl-bold" style={pal.text}>