theme: default: fix all margins in single-post page for good

1 files changed, 13 insertions, 2 deletions

diff --git a/theme/default/static/style.css b/theme/default/static/style.css
index 3b20be4..eccdfd6 100644
--- a/theme/default/static/style.css
+++ b/theme/default/static/style.css
@@ -321,9 +321,16 @@ blockquote {
     padding-left: 5px;
 }
 
+.content > * {
+    /* For margin fixing */
+    /* This is fine because it only covers DIRECT childs of .content */
+    /* which should only contain things like images, code blocks and paragraphs */
+    margin-right: 10px;
+}
+
 .post img,
 .content img {
-    max-width: calc(100% - 10px);
+    max-width: 100%;
     object-fit: contain;
     cursor: pointer;
     transition: opacity 0.3s;
@@ -551,7 +558,6 @@ blockquote {
     border-radius: 4px;
     scrollbar-color: #e91e63 #00000000;
     scrollbar-width: thin;
-    margin-right: 10px; /* Fix non-centric positioning on mobile */
     box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
     transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
 }
@@ -571,3 +577,8 @@ blockquote {
     height: 2px;
     background-color: #e91e63;
 }
+
+#itte-thread {
+    /* The Itte CSS overrides the margin. We override it back :) */
+    margin-right: 10px !important;
+}