From 2cadab20b44f7ef7a76d08a20de42561b544eb2a Mon Sep 17 00:00:00 2001
From: Martti Malmi <sirius@iki.fi>
Date: Fri, 12 Jan 2024 15:37:15 +0200
Subject: [PATCH] fix feed padding bottom

---
 packages/app/src/Components/Feed/TimelineRenderer.tsx | 2 +-
 packages/app/src/Pages/Layout/index.tsx               | 2 +-
 packages/app/src/index.css                            | 4 ----
 3 files changed, 2 insertions(+), 6 deletions(-)

diff --git a/packages/app/src/Components/Feed/TimelineRenderer.tsx b/packages/app/src/Components/Feed/TimelineRenderer.tsx
index 95377f6d..0ea214dd 100644
--- a/packages/app/src/Components/Feed/TimelineRenderer.tsx
+++ b/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}>
diff --git a/packages/app/src/Pages/Layout/index.tsx b/packages/app/src/Pages/Layout/index.tsx
index 08befc20..7a77e3dc 100644
--- a/packages/app/src/Pages/Layout/index.tsx
+++ b/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 />
diff --git a/packages/app/src/index.css b/packages/app/src/index.css
index f36efb44..b516bfbc 100644
--- a/packages/app/src/index.css
+++ b/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;
 }