From c4f0ff70a2eb2bec9824bbe3161e77c8089004ca Mon Sep 17 00:00:00 2001
From: Angaddeep Singh <angxddeep@gmail.com>
Date: Sat, 8 Aug 2026 11:08:04 +0530
Subject: [PATCH] fix(device-header): align device status text size and
 separator dot

Co-authored-by: codex <codex@users.noreply.github.com>
---
 src/app/download/[codename]/page.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/app/download/[codename]/page.tsx b/src/app/download/[codename]/page.tsx
index 17ec523..728073f 100644
--- a/src/app/download/[codename]/page.tsx
+++ b/src/app/download/[codename]/page.tsx
@@ -185,10 +185,10 @@ export default async function DevicePage({
             <h1 className="text-4xl md:text-5xl lg:text-7xl font-black text-white tracking-tighter">
               {device.name}
             </h1>
-            <div className="flex flex-wrap items-center gap-3 text-white/50 mt-4">
-              <span className="font-mono text-lg">{device.codename}</span>
-              <span className="w-1 h-1 rounded-full bg-white/30" />
-              <span className={`uppercase tracking-widest text-xs font-bold ${
+            <div className="flex flex-wrap items-center gap-3 text-white/50 mt-4 leading-none">
+              <span className="font-mono text-lg font-medium text-white/80 leading-none">{device.codename}</span>
+              <span className="w-1.5 h-1.5 rounded-full bg-white/40 shrink-0" />
+              <span className={`text-lg font-black uppercase tracking-wider leading-none ${
                 device.status?.toLowerCase() === 'active'
                   ? 'text-green-400'
                   : 'text-red-400'
@@ -197,8 +197,8 @@ export default async function DevicePage({
               </span>
               {latestVersion && (
                 <>
-                  <span className="w-1 h-1 rounded-full bg-white/30" />
-                  <span className="text-xs font-bold uppercase tracking-widest font-mono text-[var(--color-axion-accent)] animate-fade-in">
+                  <span className="w-1.5 h-1.5 rounded-full bg-white/40 shrink-0" />
+                  <span className="text-base font-bold uppercase tracking-widest font-mono text-[var(--color-axion-accent)] animate-fade-in leading-none">
                     v{latestVersion}
                   </span>
                 </>