From 37a00748264bc47b5ceb3971622eea4858aef9dd Mon Sep 17 00:00:00 2001
From: Jef van Schendel <jefvanschendel@gmail.com>
Date: Sun, 29 May 2011 01:47:12 +0200
Subject: [PATCH] Centered image on media page

---
 mediagoblin/static/css/base.css               |  8 ++++++++
 .../mediagoblin/user_pages/media.html         | 20 +++++++++----------
 2 files changed, 17 insertions(+), 11 deletions(-)

diff --git a/mediagoblin/static/css/base.css b/mediagoblin/static/css/base.css
index 53efd079..5d2189c7 100644
--- 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 036bf726..475a15ff 100644
--- 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 %}