RevDepRow: Adjust row styling to match regular dependency list

Author: Turbo87

app/components/rev-dep-row.module.css

@@ -1,8 +1,20 @@
 .row {
-    padding: 20px 0;
+    --shadow: 0 1px 3px hsla(51, 90%, 42%, .35);
+
     display: flex;
+    align-items: center;
     justify-content: space-between;
-    flex-wrap: wrap;
+    position: relative;
+    font-size: 18px;
+    padding: 15px 25px;
+    background-color: white;
+    border-radius: 5px;
+    box-shadow: var(--shadow);
+    transition: all 300ms;
+
+    @media only screen and (max-width: 550px) {
+        display: block
+    }
 }
 
 .stats {
@@ -17,6 +29,7 @@
 }
 
 .download-icon {
+    flex-shrink: 0;
     color: #b13b89;
 }
 

app/styles/crate/reverse-dependencies.module.css

@@ -8,16 +8,13 @@
 
 .list {
     list-style: none;
-    background-color: white;
-    padding: 0 20px;
     margin: 0 0 20px;
-}
-
-.row {
-    border-bottom: 2px solid var(--gray-border);
+    padding: 0;
 
-    &:last-of-type {
-        border: none;
+    li {
+        &:not(:first-child) {
+            margin-top: 10px;
+        }
     }
 }