Improved styling of blog images

Author: bmispelon

djangoproject/scss/_style.scss

@@ -3610,3 +3610,13 @@ ul.corporate-members li {
         }
     }
 }
+
+.blog {
+    .blog-entry-body {
+        img {
+            max-width: 100%;
+            display: block;
+            margin: auto;
+        }
+    }
+}

djangoproject/templates/base_weblog.html

@@ -15,6 +15,8 @@
   <link rel="alternate" type="application/rss+xml" title="RSS" href="{% url 'weblog-feed' %}" />
 {% endblock %}
 
+{% block body_class %}blog{% endblock %}
+
 {% block content-related %}
   <div role="complementary">
     <h2 class="visuallyhidden" id="aside-header">{% translate "Additional Information" %}</h2>

djangoproject/templates/blog/entry_detail.html

@@ -16,5 +16,5 @@ <h1>{{ object.headline|safe }}</h1>
             Posted by <strong>{{ author }}</strong> on {{ pub_date }}
         {% endblocktranslate %}
     </span>
-    {{ object.body_html|safe }}
+    <div class="blog-entry-body">{{ object.body_html|safe }}</div>
 {% endblock %}