From 01b753841e3c50ed653ff59a8f860988c1790465 Mon Sep 17 00:00:00 2001
From: thislight <l1589002388@gmail.com>
Date: Thu, 2 Jan 2025 23:24:05 +0800
Subject: [PATCH] TootBottomSheet: fix the margin of the main toot

---
 src/timelines/TootBottomSheet.tsx | 40 +++++++++++++++----------------
 1 file changed, 20 insertions(+), 20 deletions(-)

diff --git a/src/timelines/TootBottomSheet.tsx b/src/timelines/TootBottomSheet.tsx
index 889762c..68932d3 100644
--- a/src/timelines/TootBottomSheet.tsx
+++ b/src/timelines/TootBottomSheet.tsx
@@ -173,26 +173,26 @@ const TootBottomSheet: Component = (props) => {
               onChangeToot={ancestors.set}
             />
 
-            <article>
-              <Show when={toot()}>
-                <TootEnvProvider value={mainTootEnv}>
-                  <RegularToot
-                    id={`toot-${toot()!.id}`}
-                    class={cards.card}
-                    style={{
-                      "scroll-margin-top":
-                        "calc(var(--scaffold-topbar-height) + 20px)",
-                      cursor: "auto",
-                      "user-select": "auto",
-                    }}
-                    status={toot()!}
-                    actionable={!!actSession()}
-                    evaluated={true}
-                    onClick={handleMainTootClick}
-                  ></RegularToot>
-                </TootEnvProvider>
-              </Show>
-            </article>
+            <Show when={toot()}>
+              <TootEnvProvider value={mainTootEnv}>
+                <RegularToot
+                  id={`toot-${toot()!.id}`}
+                  class={cards.card}
+                  style={{
+                    "scroll-margin-top":
+                      "calc(var(--scaffold-topbar-height) + 20px)",
+                    cursor: "auto",
+                    "user-select": "auto",
+                    "margin-top": "20px",
+                    "margin-bottom": "20px",
+                  }}
+                  status={toot()!}
+                  actionable={!!actSession()}
+                  evaluated={true}
+                  onClick={handleMainTootClick}
+                ></RegularToot>
+              </TootEnvProvider>
+            </Show>
 
             <Show when={(session().account as Account).inf}>
               <TootComposer