Showing pending screenshots properly in moderation view

app/views/moderate/index.slim

@@ -1,24 +1,25 @@
 .row
   h1 Moderation queue
 
-  // Progress bar
+  - if @package
-  .progress.warning role="progressbar" tabindex="0" aria-valuenow="20" aria-valuemin="0" aria-valuetext="25 percent" aria-valuemax="100"
-    span.progress-meter style="width: #{@percent_moderated}%"
-      p.progress-meter-text #{@percent_moderated}%
 
-  h2 Package: #{@package.name}
+    // Progress bar
+    .progress.warning role="progressbar" tabindex="0" aria-valuenow="20" aria-valuemin="0" aria-valuetext="25 percent" aria-valuemax="100"
+      span.progress-meter style="width: #{@percent_moderated}%"
+        p.progress-meter-text #{@percent_moderated}%
 
-  // Package list
+    h2 Package: #{@package.name}
-  .row.packagepage
-    .small-9.medium-10.columns
-      - if @pending_screenshots.length>0
-        - @pending_screenshots.each do |screenshot|
-          .row.listview
-            .small-12.columns
-              .text-center
-                a.black.fancybox href=screenshot.image.url(:large, timestamp: false) rel='fancybox-thumb' title=screenshot.caption
-                  = image_tag(screenshot.image.url(:large, timestamp: false), alt: screenshot.caption)
-                  .imgcaption =screenshot.caption
 
-      - else
+    // Show moderation queue left - and existing screenshots right
-        p No screenshots left in the moderation queue. Great.
+    .row.packagepage
+      .small-6.columns
+        - if @pending_screenshots.length>0
+          p Pending approval to be published
+          - @pending_screenshots.each do |screenshot|
+            .row.listview
+              a.black.fancybox href=screenshot.image.url(:large, timestamp: false) rel='fancybox-thumb' title=screenshot.caption
+                = image_tag(screenshot.image.url(:large, timestamp: false), alt: screenshot.caption)
+                .imgcaption =screenshot.caption
+
+  - else
+    p No screenshots left in the moderation queue. Great.