From 77e74e31d3aa1f37c182d042ccb005ae4d64c303 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=9B=A8=E9=9C=96=E9=93=83?= <rsgltzyd@hotmail.com>
Date: Sun, 22 Mar 2026 15:15:58 +0800
Subject: [PATCH] feat: adjust Typography variant in LiveClock component and
 refine nav-container margin

---
 entrypoints/popup/App.css                 | 1 +
 entrypoints/popup/pages/TimestampPage.tsx | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/entrypoints/popup/App.css b/entrypoints/popup/App.css
index d2994a2..5c19510 100644
--- a/entrypoints/popup/App.css
+++ b/entrypoints/popup/App.css
@@ -52,6 +52,7 @@ body {
 .nav-container {
   display: flex;
   justify-content: center;
+  margin-top: 16px;
   margin-bottom: 16px;
   gap: 8px;
 }
diff --git a/entrypoints/popup/pages/TimestampPage.tsx b/entrypoints/popup/pages/TimestampPage.tsx
index 3a6fc86..a36ede5 100644
--- a/entrypoints/popup/pages/TimestampPage.tsx
+++ b/entrypoints/popup/pages/TimestampPage.tsx
@@ -73,7 +73,7 @@ const LiveClock = React.memo(({
   return (
     <Box sx={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', mb: 4 }}>
       <Stack direction="row" spacing={1} alignItems="baseline">
-        <Typography variant="h4" sx={{ fontWeight: 300, letterSpacing: '-1px', color: 'text.primary', fontFamily: 'monospace' }}>
+        <Typography variant="h5" sx={{ fontWeight: 300, letterSpacing: '-1px', color: 'text.primary', fontFamily: 'monospace' }}>
           {displayVal}
         </Typography>
         <Typography variant="caption" sx={{ color: 'text.secondary', fontWeight: 600, textTransform: 'uppercase' }}>