Fix mobile layout

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

app/components/contributor-list/template.hbs

@@ -12,14 +12,12 @@
     </tr>
     <tr class="metadata {{if contributor.isCurrentUser 'current-user'}} {{if contributor.showMetadata 'visible'}}">
       <td colspan="2">
-        <dl>
+        <ul>
-          <dt>Ethereum address</dt>
+          <li><a href="https://testnet.etherscan.io/address/{{contributor.address}}">Inspect Ethereum transactions</a></li>
-          <dd><a href="https://testnet.etherscan.io/address/{{contributor.address}}">{{contributor.address}}</a></dd>
           {{#if contributor.ipfsHash}}
-            <dt>IPFS profile data</dt>
+            <li><a href="https://ipfs.io/ipfs/{{contributor.ipfsHash}}">Inspect IPFS profile</a></li>
-            <dd><a href="https://ipfs.io/ipfs/{{contributor.ipfsHash}}">{{contributor.ipfsHash}}</a></dd>
           {{/if}}
-        </dl>
+        </ul>
       </td>
     </tr>
   {{/each}}

app/components/proposal-list/template.hbs

@@ -1,9 +1,8 @@
 {{#each proposals as |proposal|}}
   <li>
     <span class="id">#{{proposal.id}}</span>
-    Issue{{#if proposal.executed}}d{{/if}}
     <span class="amount">{{proposal.amount}}</span><span class="symbol">₭S</span>
-    to <span class="recipient" title="{{proposal.recipientAddress}}">{{proposal.recipientName}}</span>
+    for <span class="recipient" title="{{proposal.recipientAddress}}">{{proposal.recipientName}}</span>
     <span class="votes">({{proposal.votesCount}}/{{proposal.votesNeeded}} votes)</span>
 
     {{#unless proposal.executed}}<button {{action "confirm" proposal.id}}>+1</button>{{/unless}}

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%;
+        overflow: hidden;
-        font-size: 1rem;
+        height: 0;
-        dt, dd {
+        transition: all 0.2s ease-out;
-          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;
-        }
-      }
 
-      &.visible {
+        li {
-        td {
+          display: inline;
-          padding: 1rem 1.2rem;
+          &+li {
-        }
+            margin-left: 1rem;
-
-        dl {
-          dt, dd {
-            height: auto;
           }
         }
       }
 
+      &.visible {
+        height: auto;
+        ul {
+          height: auto;
+        }
+      }
     }
 
     td {

app/styles/components/_proposal-list.scss

@@ -32,7 +32,7 @@ ul.proposal-list {
     .votes {
       font-size: 1rem;
       color: lightblue;
-      padding-left: 1rem;
+      padding-left: 0.5rem;
     }
 
     button {