From 92cf3610f748cbed82e76dcf95e909eedd629d30 Mon Sep 17 00:00:00 2001
From: Neil Williams <neil@reddit.com>
Date: Sun, 25 Mar 2012 16:47:10 -0700
Subject: [PATCH] Rearrange CSS preview page -- put preview at top.

---
 r2/r2/public/static/css/reddit.css       |  2 +-
 r2/r2/templates/subredditstylesheet.html | 44 ++++++++++++------------
 2 files changed, 23 insertions(+), 23 deletions(-)

diff --git a/r2/r2/public/static/css/reddit.css b/r2/r2/public/static/css/reddit.css
index c9548b11b..c8ef49069 100644
--- a/r2/r2/public/static/css/reddit.css
+++ b/r2/r2/public/static/css/reddit.css
@@ -2942,7 +2942,7 @@ ul#image-preview-list .description pre {
     border-color: lightgray;
     padding: 5px; 
     margin: 5px; 
-    width: 100%;
+    width: 900px;
 }
 
 #preview-table > table > tbody > tr { padding-bottom: 10px;  }
diff --git a/r2/r2/templates/subredditstylesheet.html b/r2/r2/templates/subredditstylesheet.html
index 455acc09b..cd9869cab 100644
--- a/r2/r2/templates/subredditstylesheet.html
+++ b/r2/r2/templates/subredditstylesheet.html
@@ -93,6 +93,28 @@
   
   </form>
 
+  <div id="preview-table" style="display:none">
+    <h2><a name="preview">${_("preview")}</a></h2>
+    <table>
+      <tr>
+        <th>${_("normal link")}</th>
+        <td id="preview_link_normal"></td>
+      </tr>
+      <tr>
+        <th>${_("compressed link")}</th>
+        <td id="preview_link_compressed"></td>
+      </tr>
+      <tr>
+        <th>${_("link with thumbnail")}</th>
+        <td id="preview_link_media"></td>
+      </tr>
+      <tr>
+        <th>${_("comment")}</th>
+        <td id="preview_comment"></td>
+      </tr>
+    </table>
+  </div>
+
   <div id="images">
     <h2><a name="images">${_("images")}</a></h2>
 
@@ -260,27 +282,5 @@
     
   </div>
 
-  <div style="clear:left"><!--IEsux--></div>
-  <div id="preview-table" style="display:none">
-    <h2><a name="preview">${_("preview")}</a></h2>
-    <table>
-      <tr>
-        <th>${_("normal link")}</th>
-        <td id="preview_link_normal"></td>
-      </tr>
-      <tr>
-        <th>${_("compressed link")}</th>
-        <td id="preview_link_compressed"></td>
-      </tr>
-      <tr>
-        <th>${_("link with thumbnail")}</th>
-        <td id="preview_link_media"></td>
-      </tr>
-      <tr>
-        <th>${_("comment")}</th>
-        <td id="preview_comment"></td>
-      </tr>
-    </table>
-  </div>
 </div>