i forgot that you could make stylus look good, oops

src/app/article/article.component.styl

@@ -8,14 +8,15 @@
   height: auto
   width: 100%
 
-.image-wrapper img
+  img
     position: absolute
     top: 0
     left: 0
     width: 100%
     height: 100%
 
-.tags li
+.tags
+  li
     display: inline-block
     padding: 5px 10px
     color: #fff

src/app/list/list.component.styl

@@ -1,12 +1,13 @@
+table
+  p
+    font-size: 16px
+    margin: 0
 
-table td, table th
+  td, th
     padding: 10px
     border-bottom: 1px solid #ccc
 
-table tr:last-child td
-  border-bottom: none
-
-table th
+  th
     font-family: Booster
     color: #ff57a2
     text-transform: uppercase
@@ -14,36 +15,36 @@ table th
     text-align: left
     cursor: pointer
 
-table tr.active td
+  tr
+    &.active td
       background: #ff57a2
       color: #fff
 
-table tr.clickable:hover
+    &:last-child td
+      border-bottom: none
+
+    &.clickable:hover
       color: #ff57a2
 
-table .person-info
+  .person-info
     display: flex
     align-items: flex-start
 
-table .person-info .image
+    .image
       height: auto
       width: 25%
       flex-shrink: 0
 
-table .person-info .image-wrapper
+    .detail
+      padding: 0 0 0 20px
+
+    .image-wrapper
       position: relative
       padding-bottom: 60%
 
-table .person-info .image-wrapper img
+      img
         position: absolute
         top: 0
         left: 0
         width: 100%
         height: 100%
-
-table .person-info .detail
-  padding: 0 0 0 20px
-
-table p
-  font-size: 16px
-  margin: 0

src/styles.styl

@@ -1,5 +1,8 @@
 @import('/assets/stylus/_fonts.styl')
 
+html
+  overflow-y: scroll
+
 html, body
   width: 100%
   height: 100%
@@ -41,11 +44,6 @@ h2
   color: #14cc76
   text-align: center
 
-ul
-  list-style: none
-  margin: 0
-  padding: 0
-
 a
   outline-style: none
 
@@ -61,7 +59,13 @@ a
 .flex-col
   flex-direction: column
 
-ul a
+
+ul
+  list-style: none
+  margin: 0
+  padding: 0
+
+  a
     display: block
     text-decoration: none
     line-height: 120%
@@ -73,7 +77,7 @@ ul a
     padding: 15px 35px
     text-transform: uppercase
 
-ul a.active, ul a:hover
+    &.active, &:hover
       color: #14cc76
       font-weight: 700