diff --git a/app/components/proposal-list/template.hbs b/app/components/proposal-list/template.hbs index 713b7f2..51d8d6e 100644 --- a/app/components/proposal-list/template.hbs +++ b/app/components/proposal-list/template.hbs @@ -1,12 +1,16 @@ {{#each proposals as |proposal|}} -
  • - ♥ ({{proposal.kind}}) - {{proposal.contributor.name}}: - {{proposal.description}} - {{proposal.amount}}₭S - - {{#unless proposal.isExecuted}} - - {{/unless}} +
  • +

    + ♥ ({{proposal.kind}}) + {{proposal.contributor.name}}: + {{proposal.amount}}₭S + ({{proposal.votesCount}}/{{proposal.votesNeeded}} votes) + {{#unless proposal.isExecuted}} + + {{/unless}} +

    +

    + {{proposal.description}} +

  • {{/each}} diff --git a/app/styles/components/_proposal-list.scss b/app/styles/components/_proposal-list.scss index 5a1f01d..e452ecc 100644 --- a/app/styles/components/_proposal-list.scss +++ b/app/styles/components/_proposal-list.scss @@ -4,9 +4,8 @@ ul.proposal-list { list-style: none; li { - // display: block; - padding: 0 1.2rem; - line-height: 4.2rem; + display: block; + padding: 1rem 1.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;