dashboard: Replace white-rows CSS class usage

Author: Turbo87

app/styles/dashboard.module.scss

@@ -13,7 +13,7 @@
     }
 
     .label {
-        color: #858585;
+        color: $main-color-light;
         font-size: 80%;
     }
 }
@@ -69,10 +69,37 @@
     }
 }
 
+.feed {
+    background: white;
+    padding: 0 20px;
+}
+
+.feed-list {
+    margin: 0;
+    padding: 0;
+}
+
 .feed-row {
-    composes: row from global;
     display: flex;
-    flex-direction: column;
+    align-items: baseline;
+    padding: 20px 0;
+    border-bottom: 2px solid $gray-border;
+
+    &:last-of-type {
+        border: none;
+    }
+
+    .version {
+        color: $main-color-light;
+        font-size: 80%;
+    }
+
+    .date {
+        flex-grow: 1;
+        text-align: right;
+        color: $main-color-light;
+        font-size: 80%;
+    }
 }
 
 .info {
@@ -88,6 +115,7 @@
 .load-more {
     $bg: rgb(219, 217, 207);
     text-align: center;
+    width: 100%;
     padding: 10px;
     outline: 0;
     border: 0;

app/templates/dashboard.hbs

@@ -45,20 +45,20 @@
       Latest Updates
     </h2>
 
-    <div class='white-rows'>
-      {{#each this.myFeed as |version|}}
-        <div local-class="feed-row">
-          <div local-class="info">
+    <div local-class="feed">
+      <ul local-class="feed-list">
+        {{#each this.myFeed as |version|}}
+          <div local-class="feed-row">
             <LinkTo @route="crate.version" @models={{array version.crateName version.num}}>
               {{ version.crateName }}
-              <span class='small'>{{ version.num }}</span>
+              <span local-class="version">{{ version.num }}</span>
             </LinkTo>
-            <span local-class="date" class='small'>
+            <span local-class="date">
               {{moment-from-now version.created_at}}
             </span>
           </div>
-        </div>
-      {{/each}}
+        {{/each}}
+      </ul>
 
       {{#if this.loadingMore}}
         <span local-class='load-more'>