From 0405f45b82dfe8c46b5904783e601167189f260e Mon Sep 17 00:00:00 2001 From: Daniel Schadt Date: Fri, 1 Dec 2023 21:43:39 +0100 Subject: slightly adjust Mastodon icon positioning --- static/sass/main.scss | 10 ++++++++++ 1 file changed, 10 insertions(+) (limited to 'static/sass') diff --git a/static/sass/main.scss b/static/sass/main.scss index 4351081..2db9138 100644 --- a/static/sass/main.scss +++ b/static/sass/main.scss @@ -120,6 +120,10 @@ h1.topmost { margin-bottom: 10px; } + h2 { + margin-top: 1.6em; + } + .content p, .content li { line-height: $line-height; hyphens: auto; @@ -245,6 +249,12 @@ div.social-icon { img.social-icon { width: 100%; margin: auto; + /* The Mastodon icon looks a bit off if it's simply aligned with the others, as + * it has that "extension" on the bottom and the top side is a bit bulkier. By + * moving it down just a notch it makes the icons look more aligned. */ + &.mastodon-icon { + margin-bottom: -5px; + } } #licenceLine { display: flex; -- cgit v1.2.3