src/timelines/TootBottomSheet.tsx

@@ -80,12 +80,11 @@ const TootBottomSheet: Component = (props) => {
 
   const toot = () => remoteToot() ?? getCache(acctText(), params.id);
 
-  createEffect((lastTootId?: string) => {
+  createEffect(() => {
     const tootId = toot()?.id;
-    if (!tootId || lastTootId === tootId) return tootId;
+    if (!tootId) return;
     const elementId = `toot-${tootId}`;
     document.getElementById(elementId)?.scrollIntoView({ behavior: "smooth" });
-    return tootId;
   });
 
   const [tootContext] = createResource(
@@ -110,7 +109,7 @@ const TootBottomSheet: Component = (props) => {
       const name = resolveCustomEmoji(t.account.displayName, t.account.emojis);
       return `${name}'s toot`;
     }
-    return "Someone's toot";
+    return "A toot";
   };
 
   const actSession = () => {

src/timelines/toot.module.css

@@ -193,8 +193,6 @@
   gap: 8px;
   align-items: center;
   margin-bottom: 8px;
-  flex-flow: row wrap;
-  justify-content: flex-end;
 
   >.compactAuthorUsername {
     color: var(--tutu-color-secondary-text-on-surface);