Align image in media detail to center

diff --git a/mediagoblin/static/css/base.css b/mediagoblin/static/css/base.css
index c84fe047243c323763f47d897248421961032471..59c2f49d09364a8713ee6186c82f1f1f46298ada 100644 (file)
--- a/mediagoblin/static/css/base.css
+++ b/mediagoblin/static/css/base.css
@@ -212,6 +212,12 @@ text-align: center;
   text-align: center;
 }
 
+/* media detail */
+
+.media_image_container {
+  text-align: center;
+}
+
 /* icons */
 
 img.media_icon{

diff --git a/mediagoblin/templates/mediagoblin/user_pages/media.html b/mediagoblin/templates/mediagoblin/user_pages/media.html
index 353cf91c1e139b596d97b659b2e6e1ab680b9fde..a138251877017b6a7dae1f888fa0ac3843e8483b 100644 (file)
--- a/mediagoblin/templates/mediagoblin/user_pages/media.html
+++ b/mediagoblin/templates/mediagoblin/user_pages/media.html
@@ -23,8 +23,11 @@
 {% block mediagoblin_content %}
   {% if media %}
     <div class="grid_11 alpha">
-      <img class="media_image" src="{{ request.app.public_store.file_url(
-                                         media.get_display_media(media.media_files)) }}" />
+      <div class="media_image_container">
+        <img class="media_image"
+             src="{{ request.app.public_store.file_url(
+                         media.get_display_media(media.media_files)) }}" />
+      </div>
 
       <h2>
         {{media.title}}