Improve styles for budgets voting phase

app/assets/stylesheets/budgets/ballot/investment.scss

@@ -1,25 +1,38 @@
 .ballot-list li {
-  background: #f9f9f9;
+  $side-padding: $line-height / 2;
+  $close-icon-size: rem-calc(20);
+  $close-icon-margin: rem-calc(6);
+
+  background: #f1f1f1;
+  border-radius: rem-calc(12);
   line-height: $line-height;
   margin-bottom: $line-height / 4;
-  padding: $line-height $line-height / 2;
+  padding: $line-height $side-padding;
   position: relative;
 
   a {
     color: $text;
   }
 
-  span {
+  .ballot-list-title {
     display: block;
-    font-style: italic;
+    padding-right: calc(#{$close-icon-size} + #{$close-icon-margin} - #{$side-padding});
+  }
+
+  .ballot-list-price {
+    color: $budget;
+    display: block;
+    font-weight: bold;
+    margin-top: $line-height / 2;
+    text-align: right;
   }
 
   .remove-budget-investment {
     @include has-fa-icon(times, solid);
-    font-size: rem-calc(20);
+    font-size: $close-icon-size;
     position: absolute;
-    right: rem-calc(6);
-    top: rem-calc(6);
+    right: $close-icon-margin;
+    top: $close-icon-margin;
 
     &::before {
       margin-right: 0;

app/assets/stylesheets/budgets/investments/ballot.scss

@@ -0,0 +1,10 @@
+.ballot {
+
+  .button-remove-support {
+    @include has-fa-icon(times, solid);
+    background: #e7eaec;
+    color: $brand-secondary;
+    font-weight: bold;
+    margin-top: $line-height;
+  }
+}

app/assets/stylesheets/budgets/investments/sidebar.scss

@@ -0,0 +1,17 @@
+.my-ballot {
+  border-top: 1px solid $border;
+
+  h2 + * {
+    @include has-fa-icon(vote-yea, solid);
+
+    &::before {
+      float: left;
+      font-size: rem-calc(50);
+      margin-right: rem-calc(10);
+    }
+
+    + * {
+      clear: both;
+    }
+  }
+}