modernize header style

Signed-off-by: Robert Günzler <r@gnzler.io>

1 files changed, 10 insertions, 9 deletions

diff --git a/links/main.css b/links/main.css
index 6245e35..67a9efc 100644
--- a/links/main.css
+++ b/links/main.css
@@ -43,8 +43,13 @@ body>*+* {
 }
 
 header {
-  float: left;
-  margin: 0 var(--body-spacing) 0 0;
+  display: flex;
+  gap: var(--body-spacing);
+  align-items: center;
+}
+
+header>* {
+  display: inline-block;
 }
 
 header a {
@@ -56,10 +61,6 @@ header a img {
   vertical-align: bottom;
 }
 
-header+nav {
-  margin-top: 0;
-}
-
 nav section {
   display: inline-block;
   line-height: var(--body-line-height);
@@ -71,8 +72,8 @@ nav section+* {
 }
 
 nav ul {
-  margin: 0px;
-  padding: 0px;
+  margin: 0;
+  padding: 0;
 }
 
 main {
@@ -112,7 +113,7 @@ main>h4 {
 
 main p {
   line-height: var(--body-line-height);
-  margin-top: 0px;
+  margin-top: 0;
 }
 
 figure {