From c658873740180e40b5c9c5cb2c8d1b864ac8d822 Mon Sep 17 00:00:00 2001
From: Ardis Lu <ardisglu@gmail.com>
Date: Sat, 25 Jan 2025 16:13:25 -0800
Subject: [PATCH] Improve GitHub link styling

It makes more sense for the link to be part of <header>, both semantically and for styling.
---
 index.html | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/index.html b/index.html
index 2ed3bde..c133cc0 100644
--- a/index.html
+++ b/index.html
@@ -21,7 +21,9 @@
 
     header {
       display: flex;
-      justify-content: center;
+      flex-direction: column;
+      align-items: center;
+      margin-block: 24px;
     }
 
     main {
@@ -29,6 +31,11 @@
       margin-inline: auto;
     }
 
+    h1,
+    a {
+      margin: 0;
+    }
+
     a {
       inline-size: fit-content;
       text-decoration: none;
@@ -36,11 +43,6 @@
       color: hsl(216deg 50% 40%);
     }
 
-    .github {
-      display: block;
-      margin-block: 24px;
-    }
-
     .github:hover,
     .github:focus {
       text-decoration: underline;
@@ -175,11 +177,10 @@
 <body>
   <header>
     <h1>solc-metadata</h1>
+    <a href="https://github.com/ardislu/solc-metadata" class="github">GitHub</a>
   </header>
 
   <main>
-    <a href="https://github.com/ardislu/solc-metadata" class="github">GitHub</a>
-
     <form>
       <label for="address">Smart contract address</label>
       <input name="address" id="address" value="0x63c1735a6b7419ae4c7b87c486ac7c393d983980" required data-1p-ignore data-lpignore>
-- 
2.47.3