From a4e6438a5e4120e195fd1c72baec275a8be4e469 Mon Sep 17 00:00:00 2001
From: ray <git@gabbaell.co.uk>
Date: Fri, 14 Feb 2020 20:09:21 +0000
Subject: [PATCH] fix distorted images at certain sizes

---
 static/css/custom.css | 20 ++++++--------------
 1 file changed, 6 insertions(+), 14 deletions(-)

diff --git a/static/css/custom.css b/static/css/custom.css
index a492076..6057a05 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -12,18 +12,6 @@ body.colorscheme-light .avatar img {
   }
 }
 
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  text-align: center;
-}
-.content article header {
-  text-align: center;
-}
-
 .content figure.svg > img {
   height: 100%;
 }
@@ -35,7 +23,6 @@ h6 {
 .content figure.icon-inline {
   display: flex;
   flex-direction: column;
-  justify-content: center;
 }
 
 .content figure.icon-inline > figcaption p {
@@ -46,7 +33,11 @@ h6 {
 }
 
 .content figure.icon-inline > img {
-  height: 6em;
+  display: block;
+  height: auto;
+  width: auto;
+  max-width: 6em;
+  margin: 0 auto;
 }
 
 @media (max-width: 500px) {
@@ -77,6 +68,7 @@ h6 {
 
   .content figure.icon-inline > img {
     height: 4em;
+    margin: 0;
   }
 
   .content figure.icon-inline.icon-right > img {