header layout

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;
 }

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()} />
       )}
     </>
   );