Improve layout a bit.

WIP, because this is not ideal. But now it's readable at least.

app/components/proposal-list/template.hbs

@@ -1,12 +1,16 @@
 {{#each proposals as |proposal|}}
-  <li data-proposal-id={{proposal.id}}>
+  <li data-proposal-id={{proposal.id}} title="{{proposal.description}}">
-    <span class="category {{proposal.kind}}">♥ ({{proposal.kind}})</span>
+    <p class="meta">
-    <span class="recipient">{{proposal.contributor.name}}:</span>
+      <span class="category {{proposal.kind}}">♥ ({{proposal.kind}})</span>
-    <span class="description">{{proposal.description}}</span>
+      <span class="recipient">{{proposal.contributor.name}}:</span>
-    <span class="amount">{{proposal.amount}}</span><span class="symbol">₭S</span>
+      <span class="amount">{{proposal.amount}}</span><span class="symbol">₭S</span>
-
+      <span class="votes">({{proposal.votesCount}}/{{proposal.votesNeeded}} votes)</span>
-    {{#unless proposal.isExecuted}}
+      {{#unless proposal.isExecuted}}
-      <button {{action "confirm" proposal.id}}>+1</button>
+        <button {{action "confirm" proposal.id}}>+1</button>
-    {{/unless}}
+      {{/unless}}
+    </p>
+    <p class="description">
+      <span class="description">{{proposal.description}}</span>
+    </p>
   </li>
 {{/each}}

app/styles/components/_proposal-list.scss

@@ -4,9 +4,8 @@ ul.proposal-list {
   list-style: none;
 
   li {
-    // display: block;
+    display: block;
-    padding: 0 1.2rem;
+    padding: 1rem 1.2rem;
-    line-height: 4.2rem;
     background-color: rgba(255,255,255,0.1);
     font-size: 1.2rem;
     border-bottom: 1px solid rgba(255,255,255,0.2);
@@ -14,10 +13,27 @@ ul.proposal-list {
       border-top: 1px solid rgba(255,255,255,0.2);
     }
 
+    p {
+      margin: 0;
+      font-size: inherit;
+      line-height: 2rem;
+
+      &.meta {
+        margin-bottom: 0.5rem;
+      }
+      // &.description {
+      //   line-height: 2rem;
+      // }
+    }
+
     span {
       font-size: inherit;
     }
 
+    .description {
+      line-height: 1.4em;
+    }
+
     .category {
       color: $blue;
       padding-right: 0.2rem;