From 6de9c566e70ee56c1fc6995b2145c16cc694a28d Mon Sep 17 00:00:00 2001
From: Kieran <kieran@harkin.me>
Date: Wed, 10 May 2023 13:57:45 +0100
Subject: [PATCH] bug: double padded notes on profile

---
 packages/app/src/Element/Timeline.tsx    |  4 ++--
 packages/app/src/Pages/Notifications.tsx |  8 +++-----
 packages/app/src/Pages/ProfilePage.tsx   | 26 +++++++++++-------------
 packages/app/src/Pages/Root.tsx          |  4 +++-
 4 files changed, 20 insertions(+), 22 deletions(-)

diff --git a/packages/app/src/Element/Timeline.tsx b/packages/app/src/Element/Timeline.tsx
index 3545a958..8fb9644f 100644
--- a/packages/app/src/Element/Timeline.tsx
+++ b/packages/app/src/Element/Timeline.tsx
@@ -114,7 +114,7 @@ const Timeline = (props: TimelineProps) => {
   }
 
   return (
-    <div className="main-content">
+    <>
       {latestFeed.length > 0 && (
         <>
           <div className="card latest-notes pointer" onClick={() => onShowLatest()} ref={ref}>
@@ -149,7 +149,7 @@ const Timeline = (props: TimelineProps) => {
           <Skeleton width="100%" height="120px" margin="0 0 16px 0" />
         </LoadMore>
       )}
-    </div>
+    </>
   );
 };
 export default Timeline;
diff --git a/packages/app/src/Pages/Notifications.tsx b/packages/app/src/Pages/Notifications.tsx
index 30cef0c6..9cf9907c 100644
--- a/packages/app/src/Pages/Notifications.tsx
+++ b/packages/app/src/Pages/Notifications.tsx
@@ -15,10 +15,8 @@ export default function NotificationsPage() {
   }, []);
 
   return (
-    <>
-      <div className="main-content">
-        <TaskList />
-      </div>
+    <div className="main-content">
+      <TaskList />
       {login.publicKey && (
         <Timeline
           subject={{
@@ -32,6 +30,6 @@ export default function NotificationsPage() {
           method={"TIME_RANGE"}
         />
       )}
-    </>
+    </div>
   );
 }
diff --git a/packages/app/src/Pages/ProfilePage.tsx b/packages/app/src/Pages/ProfilePage.tsx
index 41f4a56c..efebae61 100644
--- a/packages/app/src/Pages/ProfilePage.tsx
+++ b/packages/app/src/Pages/ProfilePage.tsx
@@ -230,20 +230,18 @@ export default function ProfilePage() {
       case NOTES:
         return (
           <>
-            <div className="main-content">
-              {pinned
-                .filter(a => a.kind === EventKind.TextNote)
-                .map(n => {
-                  return (
-                    <Note
-                      key={`pinned-${n.id}`}
-                      data={n}
-                      related={getReactions(pinned, n.id)}
-                      options={{ showTime: false, showPinned: true, canUnpin: id === loginPubKey }}
-                    />
-                  );
-                })}
-            </div>
+            {pinned
+              .filter(a => a.kind === EventKind.TextNote)
+              .map(n => {
+                return (
+                  <Note
+                    key={`pinned-${n.id}`}
+                    data={n}
+                    related={getReactions(pinned, n.id)}
+                    options={{ showTime: false, showPinned: true, canUnpin: id === loginPubKey }}
+                  />
+                );
+              })}
             <Timeline
               key={id}
               subject={{
diff --git a/packages/app/src/Pages/Root.tsx b/packages/app/src/Pages/Root.tsx
index 106779c7..f9c1b7f4 100644
--- a/packages/app/src/Pages/Root.tsx
+++ b/packages/app/src/Pages/Root.tsx
@@ -83,7 +83,9 @@ export default function RootPage() {
       <div className="main-content">
         {pubKey && <Tabs tabs={tabs} tab={tab} setTab={t => navigate(unwrap(t.data))} />}
       </div>
-      <Outlet />
+      <div className="main-content">
+        <Outlet />
+      </div>
     </>
   );
 }