update design

src/app/note/components/metadata.tsx

@@ -14,7 +14,10 @@ import useSWRSubscription from "swr/subscription";
 export default function NoteMetadata({
 	id,
 	eventPubkey,
-}: { id: string; eventPubkey: string }) {
+}: {
+	id: string;
+	eventPubkey: string;
+}) {
 	const pool: any = useContext(RelayContext);
 
 	const [replies, setReplies] = useState(0);
@@ -63,20 +66,10 @@ export default function NoteMetadata({
 	});
 
 	return (
-		<div className="mt-4 flex h-12 items-center justify-between border-t border-zinc-800/50">
-			<div className="flex items-center gap-16">
-				<NoteReply id={id} replies={replies} />
-				<NoteRepost id={id} pubkey={eventPubkey} reposts={reposts} />
-				<NoteZap zaps={zaps} />
-			</div>
-			<Tooltip message="Save to Space">
-				<button
-					type="button"
-					className="inline-flex w-4 h-4 rounded justify-center items-center gap-1 hover:bg-zinc-800"
-				>
-					<PlusIcon className="w-3 h-3 text-zinc-400" />
-				</button>
-			</Tooltip>
+		<div className="mt-4 flex h-12 items-center gap-4 border-t border-zinc-800/50">
+			<NoteReply id={id} replies={replies} />
+			<NoteRepost id={id} pubkey={eventPubkey} reposts={reposts} />
+			<NoteZap zaps={zaps} />
 		</div>
 	);
 }

src/app/note/layout.tsx

@@ -13,17 +13,11 @@ export function LayoutNewsfeed({ children }: { children: React.ReactNode }) {
 					<AppHeader />
 				</div>
 				<div className="relative flex min-h-0 w-full flex-1">
-					<div className="relative w-[68px] shrink-0 border-r border-zinc-900">
+					<div className="relative flex flex-row flex-wrap shrink-0">
 						<MultiAccounts />
+						<Navigation />
 					</div>
-					<div className="grid w-full grid-cols-4 xl:grid-cols-5">
-						<div className="scrollbar-hide col-span-1 overflow-y-auto overflow-x-hidden border-r border-zinc-900">
-							<Navigation />
-						</div>
-						<div className="col-span-3 overflow-hidden xl:col-span-4">
-							{children}
-						</div>
-					</div>
+					<div className="w-full h-full">{children}</div>
 				</div>
 			</div>
 		</div>