From 66ea93f0faf94654b1a8af910d5b121e829d0af1 Mon Sep 17 00:00:00 2001
From: Andras Schmelczer <andras@schmelczer.dev>
Date: Thu, 22 Sep 2022 08:34:06 +0200
Subject: [PATCH] Tweak styles

---
 src/page/basics/image/image.scss | 4 ++++
 src/page/header/header.scss      | 7 +++----
 src/styles.scss                  | 2 --
 3 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/page/basics/image/image.scss b/src/page/basics/image/image.scss
index e972b92..cb1b5d7 100644
--- a/src/page/basics/image/image.scss
+++ b/src/page/basics/image/image.scss
@@ -2,6 +2,10 @@
   font-size: 0;
   overflow: hidden;
 
+  &:not([image-viewer-ignore]) {
+    cursor: pointer;
+  }
+
   img {
     max-width: 100%;
     max-height: 100%;
diff --git a/src/page/header/header.scss b/src/page/header/header.scss
index b5a157d..b5dd400 100644
--- a/src/page/header/header.scss
+++ b/src/page/header/header.scss
@@ -13,18 +13,17 @@
     color: var(--accent-color);
   }
 
-  $img-size: 125px;
   h1,
-  .image,
   .placeholder {
     @include title-font();
   }
 
+  $img-size: 125px;
   .image {
     @include square($img-size);
     border-radius: 100%;
-    cursor: pointer;
     box-shadow: var(--shadow);
+    margin: auto;
   }
 
   p {
@@ -62,7 +61,7 @@
       @include square(calc(#{$img-size} * 2 / 3 - #{var(--normal-margin)}));
       box-sizing: content-box;
       float: left;
-      margin: 0 0.75ex 0.75ex 0;
+      margin: 0 0.75ex 0.5ex 0;
     }
 
     h1 {
diff --git a/src/styles.scss b/src/styles.scss
index 73e6a18..b407ccd 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -8,7 +8,6 @@
 *::before,
 *::after {
   margin: 0;
-  padding: 0;
   box-sizing: border-box;
 }
 
@@ -79,7 +78,6 @@ noscript {
   box-shadow: var(--inset-shadow);
   border-radius: var(--border-radius) var(--border-radius) 0 0;
   pointer-events: none;
-  cursor: pointer;
   position: relative;
 
   * {