From 47b06b7773e46d3d3cd86fdcee15017c9ae299b8 Mon Sep 17 00:00:00 2001
From: Jason <farion1231@gmail.com>
Date: Sun, 31 Aug 2025 23:13:27 +0800
Subject: [PATCH] feat(ui): elevate title above controls for better visual
 hierarchy

Move title to separate row above switcher and action buttons for cleaner layout.
---
 src/App.css | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/App.css b/src/App.css
index a243471..bb29173 100644
--- a/src/App.css
+++ b/src/App.css
@@ -10,9 +10,12 @@
   padding: 0.35rem 2rem 0.45rem;
   display: grid;
   grid-template-columns: 1fr auto 1fr;
+  grid-template-rows: auto auto;
   grid-template-areas:
-    "tabs title actions";
+    ". title ."
+    "tabs . actions";
   align-items: center;
+  row-gap: 0.6rem;
   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
   user-select: none;
 }