add thumbnails for papers, which apparently ppl like

static/paper_list.js

@@ -22,7 +22,7 @@ const Paper = props => {
     const utags = p.utags.map((utxt, ix) => <UTag key={ix} tag={utxt} />);
     const similar_url = "/?rank=pid&pid=" + p.id;
     const inspect_url = "/inspect?pid=" + p.id;
-
+    const thumb_img = p.thumb_url === '' ? null : <div class='rel_img'><img src={p.thumb_url} /></div>;
     // if the user is logged in then we can show add/sub buttons
     let utag_controls = null;
     if(user) {
@@ -43,6 +43,7 @@ const Paper = props => {
         <div class="rel_time">{p.time}</div>
         <div class='rel_tags'>{p.tags}</div>
         {utag_controls}
+        {thumb_img}
         <div class='rel_abs'>{p.summary}</div>
         <div class='rel_more'><a href={similar_url}>similar</a></div>
         <div class='rel_inspect'><a href={inspect_url}>inspect</a></div>

static/style.css

@@ -3,6 +3,7 @@ body {
     padding: 0;
     font-family: sans-serif;
     line-height: 1.2;
+    background-color: #eee;
 }
 #header {
     height: 24px;
@@ -50,7 +51,7 @@ body {
 .rel_paper {
     margin-bottom: 10px;
     padding: 10px;
-    background-color: #eee;
+    background-color: white;
     border-radius: 5px;
 }