diff --git a/app/components/proposal-list/template.hbs b/app/components/proposal-list/template.hbs index 989f9be..42e18fe 100644 --- a/app/components/proposal-list/template.hbs +++ b/app/components/proposal-list/template.hbs @@ -1,16 +1,21 @@ {{#each proposals as |proposal|}} -
  • +
  • ♥ ({{proposal.kind}}) {{proposal.contributor.name}}: +

    +

    {{proposal.amount}}₭S +

    +

    + {{proposal.description}} +

    +

    {{#unless proposal.isExecuted}} ({{proposal.votesCount}}/{{proposal.votesNeeded}} votes) {{/unless}}

    -

    - {{proposal.description}} -

  • {{/each}} diff --git a/app/styles/_layout.scss b/app/styles/_layout.scss index c55fab5..9a8f7af 100644 --- a/app/styles/_layout.scss +++ b/app/styles/_layout.scss @@ -22,21 +22,23 @@ main { grid-row-gap: 2rem; grid-template-columns: 2fr 4fr; grid-template-areas: - "people contributions" + "people contributions"; } } } main section { - margin-bottom: 8rem; + margin-bottom: 5rem; + &:first-of-type { margin-top: 2rem; } @include media($mobile) { margin-bottom: 5rem; - &:first-of-type { - margin-top: 2rem; + + &#proposals-open, &#proposals-closed { + margin-top: 0; } } diff --git a/app/styles/app.scss b/app/styles/app.scss index 30476b4..c04c1b5 100644 --- a/app/styles/app.scss +++ b/app/styles/app.scss @@ -43,7 +43,7 @@ h1, h2, h3, h4, h5, input, button { section { h2 { - font-size: 2rem; + font-size: 1.4rem; color: $primaryColor; } @@ -97,6 +97,14 @@ button, input[type=submit] { } } +@media (min-width: 550px) { + section { + h2 { + font-size: 2rem; + } + } +} + @import "components/topbar"; @import "components/loading-spinner"; @import "components/contributor-list"; diff --git a/app/styles/components/_proposal-list.scss b/app/styles/components/_proposal-list.scss index e452ecc..9edaa6b 100644 --- a/app/styles/components/_proposal-list.scss +++ b/app/styles/components/_proposal-list.scss @@ -4,26 +4,35 @@ ul.proposal-list { list-style: none; li { - display: block; + display: grid; + grid-template-columns: auto 5rem; + grid-row-gap: 0.5rem; 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); + &:first-of-type { border-top: 1px solid rgba(255,255,255,0.2); } p { + align-self: center; margin: 0; font-size: inherit; line-height: 2rem; - &.meta { - margin-bottom: 0.5rem; + &.kredits-amount, &.voting { + text-align: right; + } + + &.description { + grid-column-start: span 2; + } + + &.voting { + grid-column-start: span 2; } - // &.description { - // line-height: 2rem; - // } } span { @@ -32,6 +41,7 @@ ul.proposal-list { .description { line-height: 1.4em; + font-size: 1rem; } .category { @@ -43,26 +53,28 @@ ul.proposal-list { &.docs { color: $green; } &.ops { color: $purple; } } + .amount { font-weight: 500; } + .symbol { font-size: 1rem; font-weight: 500; padding-left: 0.2rem; } + .recipient { font-weight: 500; } + .votes { font-size: 1rem; color: $primaryColor; - padding-left: 0.5rem; + margin-right: 0.5rem; } button { - float: right; - margin-top: 1.1rem; height: 2rem; line-height: 2rem; padding: 0 0.6rem; @@ -70,3 +82,39 @@ ul.proposal-list { } } + +@media (min-width: 550px) { + ul.proposal-list { + li { + grid-template-columns: auto 10rem; + grid-row-gap: 0.5rem; + + p { + &.kredits-amount, &.voting { + text-align: right; + } + } + + &.unconfirmed { + p { + &.kredits-amount, &.voting { + text-align: right; + } + + &.description { + grid-column-start: span 1; + } + + &.voting { + grid-column-start: span 1; + } + } + } + + + .description { + font-size: inherit; + } + } + } +} diff --git a/app/templates/index.hbs b/app/templates/index.hbs index 4caf219..bc97449 100644 --- a/app/templates/index.hbs +++ b/app/templates/index.hbs @@ -25,13 +25,6 @@ {{proposal-list proposals=proposalsOpenSorted confirmProposal=(action "confirmProposal") contractInteractionEnabled=kredits.hasAccounts}} - - {{!-- TODO: We need a better naming --}} - {{#if kredits.hasAccounts}} -

    - {{#link-to 'proposals.new'}}Create new proposal{{/link-to}} -

    - {{/if}} {{/if}} @@ -43,29 +36,31 @@
    {{proposal-list proposals=proposalsClosedSorted confirmProposal=(action "confirmProposal")}} - - {{!-- TODO: We need a better naming --}} - {{#if kredits.hasAccounts}} -

    - {{#link-to 'proposals.new'}}Create new proposal{{/link-to}} -

    - {{/if}}
    + + {{!-- TODO: We need a better naming --}} + {{#if kredits.hasAccounts}} +

    + {{#link-to 'proposals.new'}}Create new proposal{{/link-to}} +

    + {{/if}} -
    -
    -

    Add Contributor

    -
    + {{#if kredits.hasAccounts}} +
    +
    +

    Add Contributor

    +
    -
    - {{#if kredits.currentUser.isCore}} - {{add-contributor contributors=contributors save=(action 'save')}} - {{else}} - Only core team members can add new contributors. Please ask someone to set you up. - {{/if}} -
    -
    +
    + {{#if kredits.currentUser.isCore}} + {{add-contributor contributors=contributors save=(action 'save')}} + {{else}} + Only core team members can add new contributors. Please ask someone to set you up. + {{/if}} +
    +
    + {{/if}}