Tweak show latest

packages/app/src/Element/Nip5Service.tsx

@@ -225,7 +225,7 @@ export default function Nip5Service(props: Nip05ServiceProps) {
         UserCache.set(newMeta);
       }
       if (helpText) {
-        navigate("/settings");
+        navigate("/settings/profile");
       }
     }
   }

packages/app/src/Element/Timeline.css

@@ -6,22 +6,20 @@
   align-items: center;
   padding: 6px 24px;
   gap: 8px;
-  position: absolute;
-  width: 261px;
-  left: calc(50% - 261px / 2 + 0.5px);
-  top: 0;
-  color: white;
-  background: var(--highlight);
-  box-shadow: 0px 0px 15px rgba(78, 0, 255, 0.6);
-  border-radius: 100px;
-  z-index: 42;
-  opacity: 0.9;
 }
 
 .latest-notes-fixed {
   position: fixed;
   left: calc(50% - 261px / 2 + 0.5px);
   top: 12px;
+  width: 261px;
+  left: calc(50% - 261px / 2 + 0.5px);
+  z-index: 42;
+  opacity: 0.9;
+  box-shadow: 0px 0px 15px rgba(78, 0, 255, 0.6);
+  color: white;
+  background: var(--highlight);
+  border-radius: 100px;
 }
 
 @media (max-width: 520px) {

packages/app/src/Element/Timeline.tsx

@@ -117,9 +117,10 @@ const Timeline = (props: TimelineProps) => {
 
   return (
     <>
+      <LiveStreams evs={liveStreams} />
       {latestFeed.length > 0 && (
         <>
-          <div className="card latest-notes pointer" onClick={() => onShowLatest()} ref={ref}>
+          <div className="card latest-notes" onClick={() => onShowLatest()} ref={ref}>
             {latestAuthors.slice(0, 3).map(p => {
               return <ProfileImage pubkey={p} showUsername={false} link={""} />;
             })}
@@ -143,7 +144,6 @@ const Timeline = (props: TimelineProps) => {
           )}
         </>
       )}
-      <LiveStreams evs={liveStreams} />
       {mainFeed.map(eventElement)}
       {(props.loadMore === undefined || props.loadMore === true) && (
         <div className="flex f-center">

packages/app/src/Pages/ProfilePage.tsx

@@ -410,7 +410,7 @@ export default function ProfilePage() {
         )}
         {isMe ? (
           <>
-            <button type="button" onClick={() => navigate("/settings")}>
+            <button type="button" onClick={() => navigate("/settings/profile")}>
               <FormattedMessage {...messages.Settings} />
             </button>
           </>

packages/app/src/Pages/SettingsPage.tsx

@@ -18,7 +18,7 @@ export default function SettingsPage() {
   return (
     <>
       <div className="main-content p">
-        <h2 onClick={() => navigate("/settings")} className="pointer">
+        <h2 onClick={() => navigate("/settings/profile")} className="pointer">
           <FormattedMessage {...messages.Settings} />
         </h2>
       </div>