diff --git a/brutaldon/static/css/brutaldon-dark.css b/brutaldon/static/css/brutaldon-dark.css index 1fb56f8..dc721b7 100644 --- a/brutaldon/static/css/brutaldon-dark.css +++ b/brutaldon/static/css/brutaldon-dark.css @@ -105,6 +105,13 @@ emoji-link font-size: 2em; } +.content figure.attachment-image +{ + text-align:left; + margin-left: 0; + margin-right: 0; +} + @media screen and (max-width: 768px) { .media { diff --git a/brutaldon/static/css/brutaldon.css b/brutaldon/static/css/brutaldon.css index eb0de19..f4ac002 100644 --- a/brutaldon/static/css/brutaldon.css +++ b/brutaldon/static/css/brutaldon.css @@ -102,12 +102,13 @@ emoji-link font-size: 2em; } -.level.attachments +.content figure.attachment-image { - overflow-x: auto; + text-align:left; + margin-left: 0; + margin-right: 0; } - @media screen and (max-width: 768px) { .media { display: block; diff --git a/brutaldon/templates/main/toot_partial.html b/brutaldon/templates/main/toot_partial.html index 87899fa..173a4f5 100644 --- a/brutaldon/templates/main/toot_partial.html +++ b/brutaldon/templates/main/toot_partial.html @@ -81,10 +81,10 @@ {% if toot.media_attachments %}
-
+
{% for media in toot.media_attachments %} {% if media.type == "image" %} -
+
{% if toot.sensitive %}
{% else %} -
-