fix feed padding bottom

packages/app/src/Components/Feed/TimelineRenderer.tsx

@@ -109,7 +109,7 @@ export function TimelineRenderer(props: TimelineRendererProps) {
   };
 
   return (
-    <div ref={containerRef}>
+    <div ref={containerRef} className="pb-[10vh]">
       {props.latest.length > 0 && (
         <>
           <div className="card latest-notes" onClick={() => props.showLatest(false)} ref={ref}>

packages/app/src/Pages/Layout/index.tsx

@@ -61,7 +61,7 @@ export default function Index() {
         <div className="w-full max-w-screen-xl">
           <div className="flex flex-row">
             <NavSidebar />
-            <div className="flex flex-1 flex-col pb-safe-area-plus w-full md:w-1/3">
+            <div className="flex flex-1 flex-col pb-safe-area w-full md:w-1/3">
               {!shouldHideHeader && <Header />}
               <ErrorBoundary>
                 <Outlet />

packages/app/src/index.css

@@ -930,10 +930,6 @@ svg.repeat {
   padding-bottom: env(safe-area-inset-bottom);
 }
 
-.pb-safe-area-plus {
-  padding-bottom: calc(10vh + env(safe-area-inset-bottom));
-}
-
 .active > .icon-outline {
   display: none;
 }