diff --git a/app/components/proposal-list/component.js b/app/components/proposal-list/component.js
index 47cb2d4..cef1dfa 100644
--- a/app/components/proposal-list/component.js
+++ b/app/components/proposal-list/component.js
@@ -2,4 +2,7 @@ import Ember from 'ember';
export default Ember.Component.extend({
+ tagName: 'ul',
+ classNames: ['proposal-list']
+
});
diff --git a/app/components/proposal-list/template.hbs b/app/components/proposal-list/template.hbs
index 4e45070..d981cdc 100644
--- a/app/components/proposal-list/template.hbs
+++ b/app/components/proposal-list/template.hbs
@@ -1,11 +1,7 @@
-
- {{#each proposals as |proposal|}}
+{{#each proposals as |proposal|}}
-
Issue{{#if proposal.executed}}d{{/if}}
- {{proposal.amount}}
- ₭S
- to
- {{proposal.recipientName}}
+ {{proposal.amount}}₭S
+ to {{proposal.recipientName}}
- {{/each}}
-
+{{/each}}
diff --git a/app/styles/app.scss b/app/styles/app.scss
index 0aa15ab..7e3d30e 100644
--- a/app/styles/app.scss
+++ b/app/styles/app.scss
@@ -70,3 +70,4 @@ section {
@import "components/loading-spinner";
@import "components/contributor-list";
@import "components/add-contributor";
+@import "components/proposal-list";
diff --git a/app/styles/components/_contributor-list.scss b/app/styles/components/_contributor-list.scss
index d1efc51..5aaa853 100644
--- a/app/styles/components/_contributor-list.scss
+++ b/app/styles/components/_contributor-list.scss
@@ -10,8 +10,8 @@ table.contributor-list {
}
td {
- padding: 1.2rem;
- line-height: 2rem;
+ padding: 0 1.2rem;
+ line-height: 4.2rem;
background-color: rgba(255,255,255,0.1);
&.person {
diff --git a/app/styles/components/_proposal-list.scss b/app/styles/components/_proposal-list.scss
new file mode 100644
index 0000000..7c8d1a0
--- /dev/null
+++ b/app/styles/components/_proposal-list.scss
@@ -0,0 +1,30 @@
+ul.proposal-list {
+ clear: both;
+ width: 100%;
+ list-style: none;
+
+ li {
+ // display: block;
+ padding: 0 1.2rem;
+ line-height: 4.2rem;
+ background-color: rgba(255,255,255,0.1);
+ font-size: 1.4rem;
+ border-bottom: 1px solid rgba(255,255,255,0.2);
+ &:first-of-type {
+ border-top: 1px solid rgba(255,255,255,0.2);
+ }
+
+ .amount {
+ font-weight: 500;
+ }
+ .symbol {
+ font-size: 1rem;
+ font-weight: 500;
+ padding-left: 0.2rem;
+ }
+ .recipient {
+ font-weight: 500;
+ }
+ }
+
+}