Centered image on media page

diff --git a/mediagoblin/static/css/base.css b/mediagoblin/static/css/base.css
index 53efd079a362facc418e3cf9282d82987b3f2e9d..5d2189c7f39b213709a8f63848d103147985b9f7 100644 (file)
--- a/mediagoblin/static/css/base.css
+++ b/mediagoblin/static/css/base.css
@@ -138,3 +138,11 @@ a.mediagoblin_logo:hover {
   margin-top:8px;
   margin-bottom:8px;
 }
+
+/* media pages */
+
+img.media_image {
+  display:block;
+  margin-left:auto;
+  margin-right:auto;
+}

diff --git a/mediagoblin/templates/mediagoblin/user_pages/media.html b/mediagoblin/templates/mediagoblin/user_pages/media.html
index 036bf7262d621e6a238cf23b09c03b8b3e55563d..475a15ff870fba77977c127c2ac77a3b88a86d48 100644 (file)
--- a/mediagoblin/templates/mediagoblin/user_pages/media.html
+++ b/mediagoblin/templates/mediagoblin/user_pages/media.html
@@ -20,18 +20,17 @@
 
   {# temporarily, an "image gallery" that isn't one really ;) #}
   {% if media %}
-  <h1>
-    Media details for
-    <a href="{{ request.urlgen(
-                  'mediagoblin.user_pages.user_home',
-                  user=media.uploader().username) }}">
-      {{- media.uploader().username }}</a>
-    / {{media.title}}
-  </h1>
-  <div>
-    <img src="{{ request.app.public_store.file_url(
+    <img class="media_image" src="{{ request.app.public_store.file_url(
                   media.media_files.main) }}" />
     <br />
+    <h1>
+      Media details for
+      <a href="{{ request.urlgen(
+                   'mediagoblin.user_pages.user_home',
+                    user=media.uploader().username) }}">
+        {{- media.uploader().username }}</a>
+      / {{media.title}}
+    </h1>
     Uploaded on
     {{ "%4d-%02d-%02d"|format(media.created.year,
                               media.created.month, media.created.day) }}
@@ -41,7 +40,6 @@
       {{- media.uploader().username }}</a>
     <br />
     Description: {{ media.description }}
-  </div>
   {% else %}
   <p>Sorry, no such media found.<p/>
   {% endif %}