From ce48036c7a46c9e396af00464ca401513c023880 Mon Sep 17 00:00:00 2001
From: Conrad Zelck <git@simpel.cc>
Date: Fri, 11 Mar 2022 12:18:33 +0100
Subject: [PATCH] style: refactor header display flex / github svg
Signed-off-by: Conrad Zelck <git@simpel.cc>
---
index.php | 4 ++--
style.css | 25 +++++++++++++------------
2 files changed, 15 insertions(+), 14 deletions(-)
diff --git a/index.php b/index.php
index ef563c1..75a2977 100644
--- a/index.php
+++ b/index.php
@@ -15,10 +15,10 @@
<body>
<header>
<nav>
- <h1>Comment Syntax</h1>
<a id="logo" class="cursordefault" href="/"><img src="../Simpel.png" alt="simpel icon" height="48" width="48"></a>
+ <h1>Comment Syntax</h1>
<a id="github" href="https://github.com/SimpelMe/comment-syntax-finder" target="_blank" title="watch source code">
- <img id="github-cat" src="../github-cat-white.png" alt="github logo">
+ <img id="github-cat" src="../github.svg" alt="github logo">
</a>
</nav>
</header>
diff --git a/style.css b/style.css
index 8dea66d..41a7420 100644
--- a/style.css
+++ b/style.css
@@ -45,26 +45,27 @@ a {
text-decoration: none;
}
-h1 {
- padding-left: 60px;
- line-height: 52px;
- margin-top: 3vmin;
+header {
+ margin-bottom: 1.5em;
+}
+
+nav {
+ display: flex;
+ align-items: center;
+ column-gap: 0.7em;
}
-#logo {
- float: left;
- position: absolute;
- top: 3vmin;
+h1 {
+ font-size: 1.5em;
+ margin: 0;
}
#github {
- position: absolute;
- top: 3.3vmin;
- right: 4vmin;
+ margin-left: auto;
}
#github-cat {
- height: 4vh;
+ height: 1.5em;
}
main {
--
GitLab