From b65c40d81c82a420cfa14b2542489b7db138c236 Mon Sep 17 00:00:00 2001
From: Alois <aloisianer@proton.me>
Date: Sat, 15 Aug 2026 14:00:06 +0200
Subject: [PATCH] Fix mobile status page

---
 apps/frontend/src/routes/__root.tsx | 2 +-
 apps/frontend/src/routes/index.tsx  | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/frontend/src/routes/__root.tsx b/apps/frontend/src/routes/__root.tsx
index e8f8e37..a57c85a 100644
--- a/apps/frontend/src/routes/__root.tsx
+++ b/apps/frontend/src/routes/__root.tsx
@@ -13,7 +13,7 @@ export const Route = createRootRoute({
     <div className="min-h-screen bg-background text-foreground">
       <Header />
       <Outlet />
-      <div className="fixed bottom-0 left-0 m-3">
+      <div className="w-full flex justify-center pb-5">
         <a
           href="https://legal.methanium.net/methanium/privacy-policy"
           target="_blank"
diff --git a/apps/frontend/src/routes/index.tsx b/apps/frontend/src/routes/index.tsx
index 18e5f90..85f03d4 100644
--- a/apps/frontend/src/routes/index.tsx
+++ b/apps/frontend/src/routes/index.tsx
@@ -252,7 +252,7 @@ function ServiceRow({
   return (
     <div
       className={cn(
-        "px-4 flex items-center justify-between py-2 min-w-130",
+        "px-4 flex items-center justify-between py-2 min-w-80 md:min-w-130",
         index < max - 1
           ? "border-border border-b border-[#C5CED6] dark:border-[#242D38]"
           : "",
@@ -268,7 +268,7 @@ function ServiceRow({
           <span className="truncate">{service.name}</span>
           <ExternalLink className="size-3 opacity-0 transition-opacity group-hover:opacity-60" />
         </a>
-        <p className="mt-1 truncate text-xs max-w-80 text-muted-foreground">
+        <p className="mt-1 truncate text-xs max-w-40 md:max-w-80 text-muted-foreground">
           {service.error ??
             (service.latencyMs !== null
               ? `${service.latencyMs} ms${service.checkHttp3 ? " (HTTP/3 verified)" : ""}`