CrateDownloadsList: Use fluid space scale

Author: Turbo87

app/components/crate-downloads-list.hbs

@@ -1,6 +1,6 @@
 <ul local-class="list">
   {{#each @crates as |crate|}}
-    <li local-class="row">
+    <li>
       <LinkTo @route="crate" @model={{crate.id}} local-class="link">
         {{ crate.name }} ({{ crate.max_version }})
         {{svg-jar "download-arrow" local-class="download-icon"}}

app/components/crate-downloads-list.module.css

@@ -1,23 +1,23 @@
 .list {
     list-style: none;
     padding: 0;
-}
 
-.row {
-    margin: 8px 0;
+    > * + * {
+        margin-top: var(--space-2xs);
+    }
 }
 
 .link {
     color: #525252;
     background-color: #edebdd;
     font-size: 90%;
-    padding: 20px 10px;
+    padding: var(--space-s) var(--space-xs);
     display: flex;
     align-items: center;
 }
 
 .download-icon {
     color: #b13b89;
     margin-left: auto;
-    margin-right: 4px;
+    margin-right: var(--space-3xs);
 }