Fix mobile layout

Unfortunately also breaks the animation when opening contributor
details for now. Couldn't get it to work again.

app/styles/components/_contributor-list.scss

@@ -15,10 +15,10 @@ table.contributor-list {
 
     &.metadata {
       height: 0;
+      transition: all 0.2s ease-out;
 
       td {
         padding: 0 1.2rem;
-        transition: all 0.2s ease-out;
       }
 
       a {
@@ -28,41 +28,27 @@ table.contributor-list {
         }
       }
 
-      dl {
+      ul {
+        list-style: none;
         display: block;
-        width: 100%;
-        font-size: 1rem;
-        dt, dd {
-          display: inline-block;
-          overflow: hidden;
-          height: 0;
-          line-height: 1.6rem;
-          transition: all 0.2s ease-out;
-        }
-        dt {
-          clear: both;
-          float: left;
-          width: 30%;
-        }
-        dd {
-          float: right;
-          width: 70%;
-          text-align: right;
-        }
-      }
+        overflow: hidden;
+        height: 0;
+        transition: all 0.2s ease-out;
 
-      &.visible {
-        td {
-          padding: 1rem 1.2rem;
-        }
-
-        dl {
-          dt, dd {
-            height: auto;
+        li {
+          display: inline;
+          &+li {
+            margin-left: 1rem;
           }
         }
       }
 
+      &.visible {
+        height: auto;
+        ul {
+          height: auto;
+        }
+      }
     }
 
     td {