slightly adjust Mastodon icon positioning

1 files changed, 10 insertions, 0 deletions

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;