@@ -2,11 +2,13 @@
 {{extend 'layout.html'}}
 
 <h1>{{= feed["feed_title"] }}</h1>
 <a href="{{= URL("mark_read", args=[feed["id"]]) }}"> Mark feed as read</a>
 
-{{ for story in stories: }}
-    <a href="{{= URL(c="stories", f="view", vars=dict(story=story["id"], feed_id=feed["id"])) }}"><h2>{{= story["story_title"] }}</h2></a>
-{{ pass }}
+<section id="story-list">
+    {{ for story in stories: }}
+        <a href="{{= URL(c="stories", f="view", vars=dict(story=story["id"], feed_id=feed["id"])) }}" class="{{= "unread" if story["read_status"] == 1 else "read" }}"><h2>{{= story["story_title"] }}</h2></a>
+    {{ pass }}
+</section>
 
 {{block left_sidebar}}New Left Sidebar Content{{end}}
 {{block right_sidebar}}New Right Sidebar Content{{end}}