From ede71af2e8ffac0d5915420c88b8ac5eac7135d6 Mon Sep 17 00:00:00 2001
From: Felix Zapata <fzberlinches@gmail.com>
Date: Sun, 19 Feb 2017 17:45:52 +0100
Subject: [PATCH] refactor(news-side-list): add a list to show the side news

---
 src/news-side-list.html | 21 ++++++++++++++++-----
 1 file changed, 16 insertions(+), 5 deletions(-)

diff --git a/src/news-side-list.html b/src/news-side-list.html
index 1bd634ff..c2d42922 100644
--- a/src/news-side-list.html
+++ b/src/news-side-list.html
@@ -24,11 +24,20 @@
         @apply(--app-sub-section-headline);
       }
 
+      ul {
+        margin: 0;
+        padding: 0;
+        list-style: none;
+      }
+
+      li {
+        margin: 20px 0;
+      }
+
       a {
         text-decoration: none;
         color: inherit;
         display: block;
-        margin: 20px 0;
       }
 
       .category {
@@ -41,12 +50,12 @@
         white-space: nowrap;
       }
 
-      :host([featured]) > a {
+      :host([featured]) li {
         padding-bottom: 24px;
         border-bottom: var(--app-border-style);
       }
 
-      :host([featured]) > a:last-of-type {
+      :host([featured]) li:last-of-type {
         border-bottom: none;
       }
 
@@ -72,13 +81,15 @@
     <h3>
       <content></content>
     </h3>
+    <ul>
     <template is="dom-repeat" items="[[items]]">
-      <a href$="[[item.href]]">
+      <li><a href$="[[item.href]]">
         <div class="category">[[item.category]]</div>
         <span class="headline">[[item.headline]]</span>
         <span class="time-ago">[[item.timeAgo]]</span>
-      </a>
+      </a></li>
     </template>
+    </ul>
   </template>
 
   <script>