From d94e5a07e5e23098da32a78c2d1cae7d4452c707 Mon Sep 17 00:00:00 2001
From: Kohei Watanabe <kou029w@gmail.com>
Date: Wed, 31 Aug 2022 13:00:45 +0900
Subject: [PATCH] header layout

---
 app/src/app.css | 8 ++++++++
 app/src/app.tsx | 8 ++++----
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/app/src/app.css b/app/src/app.css
index 1c023a8..30cc5ff 100644
--- a/app/src/app.css
+++ b/app/src/app.css
@@ -19,11 +19,19 @@ header {
   justify-content: space-evenly;
 }
 
+header h1 {
+  margin: 0;
+}
+
 header h1 > a,
 header h1 > a:hover {
   color: var(--nc-ac-1);
 }
 
+header nav > * {
+  font-size: 1.55rem;
+}
+
 a[href^="/"] {
   text-decoration: none;
 }
diff --git a/app/src/app.tsx b/app/src/app.tsx
index a6ba7d8..fb2cd1c 100644
--- a/app/src/app.tsx
+++ b/app/src/app.tsx
@@ -35,12 +35,12 @@ export default () => {
         <h1>
           <a href="/">Quot</a>
         </h1>
-        <a href="/new">📄</a>
+        <nav>
+          <a href="/new">📄</a>
+        </nav>
       </header>
       {routes[pathname()] ?? (
-        <Page
-          id={parseInt(pathname().slice(1), 16) || random()}
-        />
+        <Page id={parseInt(pathname().slice(1), 16) || random()} />
       )}
     </>
   );