3 files changed, 37 insertions, 6 deletions
diff --git a/src/web/templates/article_pub.html b/src/web/templates/article_pub.html
index f9275217..e810d18f 100644
--- a/src/web/templates/article_pub.html
+++ b/src/web/templates/article_pub.html
@@ -3,7 +3,7 @@
 <div class="container" data-article="{{ article.id }}">
     <div class="well">
         <h2><a href="{{ article.link  }}" target="_blank">{{ article.title|safe }}</a></h2>
-        <h3>{{ _('from') }} <a href="/feed/{{ article.source.id }}">{{ article.source.title }}</a></h3>
+        <h3>{{ _('from') }} <a href="{{ url_for('feed.feed_pub', feed_id=article.source.id) }}">{{ article.source.title }}</a></h3>
         <h6>{{ article.date | datetime }}</h6>
     </div>
     <div class="well">
diff --git a/src/web/templates/feed.html b/src/web/templates/feed.html
index 7a40ca9a..d8dd7f5c 100644
--- a/src/web/templates/feed.html
+++ b/src/web/templates/feed.html
@@ -41,10 +41,41 @@
         {% endif %}
         </p>
     </div>
-    <div class="well">
-        {% if feed.articles.all()|count != 0 %}
-            <div>{{ tag_cloud|safe }}</div>
-        {% endif %}
+
+    <div class="row">
+        <div class="col-md-8">
+          <div class="table-responsive">
+              <table id="table-articles" class="table table-striped">
+                  <thead>
+                      <tr>
+                          <th>{{ _('Article') }}</th>
+                      </tr>
+                  </thead>
+                  <tbody>
+                  {% for article in articles %}
+                      <tr>
+                          <td><a href="{{ url_for("article.article_pub", article_id=article.id) }}">{{ article.title }}</a></td>
+                      </tr>
+                  {% endfor %}
+                  </tbody>
+              </table>
+          </div>
+        </div>
+
+
+        <div class="col-md-4">
+            {% if articles | count != 0 %}
+                <div>{{ tag_cloud | safe }}</div>
+            {% endif %}
+        </div>
     </div>
+
 </div><!-- /.container -->
+<script>
+$(document).ready(function() {
+    $('#table-articles').DataTable( {
+        responsive: true
+    });
+});
+</script>
 {% endblock %}
diff --git a/src/web/templates/popular.html b/src/web/templates/popular.html
index b1978bf1..aae50a8c 100644
--- a/src/web/templates/popular.html
+++ b/src/web/templates/popular.html
@@ -13,6 +13,6 @@
             <span class="badge">{{ feed[1] }}</span>
         </li>
     {% endfor %}
-</ul>
+    </ul>
 </div><!-- /.container -->
 {% endblock %}