From 9af52bfefd42e0e9d4960973772c8b0edee33cf5 Mon Sep 17 00:00:00 2001
From: Martti Malmi <sirius@iki.fi>
Date: Mon, 4 Dec 2023 23:04:07 +0200
Subject: [PATCH] new notes btn positioning

---
 packages/app/src/Element/Feed/Timeline.css         |  5 +++--
 packages/app/src/Element/Feed/TimelineRenderer.tsx | 10 +++++++++-
 packages/app/src/Pages/Layout/Header.tsx           |  4 +++-
 3 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/packages/app/src/Element/Feed/Timeline.css b/packages/app/src/Element/Feed/Timeline.css
index 37e69b73..ce87115b 100644
--- a/packages/app/src/Element/Feed/Timeline.css
+++ b/packages/app/src/Element/Feed/Timeline.css
@@ -10,8 +10,9 @@
 
 .latest-notes-fixed {
   position: fixed;
-  left: 45%;
-  top: 12px;
+  top: 50px;
+  left: 50%;
+  transform: translateX(-50%);
   width: auto;
   z-index: 42;
   opacity: 0.9;
diff --git a/packages/app/src/Element/Feed/TimelineRenderer.tsx b/packages/app/src/Element/Feed/TimelineRenderer.tsx
index 87e902d9..cf68742d 100644
--- a/packages/app/src/Element/Feed/TimelineRenderer.tsx
+++ b/packages/app/src/Element/Feed/TimelineRenderer.tsx
@@ -91,7 +91,15 @@ export function TimelineRenderer(props: TimelineRendererProps) {
               className="card latest-notes latest-notes-fixed pointer fade-in"
               onClick={() => props.showLatest(true)}>
               {props.latest.slice(0, 3).map(p => {
-                return <ProfileImage pubkey={p} showUsername={false} link={""} showFollowDistance={false} />;
+                return (
+                  <ProfileImage
+                    pubkey={p}
+                    showProfileCard={false}
+                    showUsername={false}
+                    link={""}
+                    showFollowDistance={false}
+                  />
+                );
               })}
               <FormattedMessage
                 defaultMessage="{n} new {n, plural, =1 {note} other {notes}}"
diff --git a/packages/app/src/Pages/Layout/Header.tsx b/packages/app/src/Pages/Layout/Header.tsx
index 6cf0c125..aa374033 100644
--- a/packages/app/src/Pages/Layout/Header.tsx
+++ b/packages/app/src/Pages/Layout/Header.tsx
@@ -73,7 +73,9 @@ export function Header() {
         { "md:hidden": pageName === "messages" },
         "flex justify-between items-center self-stretch gap-6 sticky top-0 z-10 bg-bg-color md:bg-header md:bg-opacity-50 md:shadow-lg md:backdrop-blur-lg",
       )}>
-      <div onClick={handleBackButtonClick} className={classNames({"hidden": !showBackButton}, "p-2 md:p-3 cursor-pointer")}>
+      <div
+        onClick={handleBackButtonClick}
+        className={classNames({ hidden: !showBackButton }, "p-2 md:p-3 cursor-pointer")}>
         <Icon name="arrowBack" />
       </div>
       {!showBackButton && (