From 3d411d33b2976a67f52f3eebbc070923f5626483 Mon Sep 17 00:00:00 2001
From: juprodh <juprodh@proton.me>
Date: Sat, 27 Jun 2026 15:13:34 +0800
Subject: [PATCH] Fix buttons misaligment in home

---
 src/views/home.ts | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/views/home.ts b/src/views/home.ts
index 1d7347b..17b363b 100644
--- a/src/views/home.ts
+++ b/src/views/home.ts
@@ -50,11 +50,11 @@ export function homePage(
         <a href="/wiki/new" class="${primaryButtonClass}">${msg.home.createAWiki}</a>
         <a href="${myWikisHref}" class="${outlineSmallButtonClass}">${msg.profile.myWikis}</a>
       </div>
-      <div class="flex flex-wrap items-center justify-center gap-x-5 gap-y-2 text-sm">
+      <div class="flex flex-col sm:flex-row sm:flex-wrap items-start sm:items-center justify-center w-fit mx-auto sm:w-auto sm:mx-0 gap-2 sm:gap-x-5 sm:gap-y-2 text-sm">
         ${step(1, msg.home.step1, "/login")}
-        <span class="${THEME.textMuted}" aria-hidden="true">&rarr;</span>
+        <span class="${THEME.textMuted} hidden sm:inline" aria-hidden="true">&rarr;</span>
         ${step(2, msg.home.step2, "/wiki/new")}
-        <span class="${THEME.textMuted}" aria-hidden="true">&rarr;</span>
+        <span class="${THEME.textMuted} hidden sm:inline" aria-hidden="true">&rarr;</span>
         ${step(3, msg.home.step3)}
       </div>
       <p class="mt-4 text-xs ${THEME.textMuted}">${msg.home.loginHint}</p>
-- 
2.51.2