From ec6b72008d0e991c6dd027de938be107cbb95e16 Mon Sep 17 00:00:00 2001
From: Sebastian Kippe <sebastian@kip.pe>
Date: Thu, 13 Aug 2020 14:58:49 +0200
Subject: [PATCH] Add whitespace between reimbursement items in list

They're a bit difficult to scan otherwise.
---
 app/components/reimbursement-list/template.hbs | 2 +-
 app/styles/_item-list.scss                     | 7 +++++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/app/components/reimbursement-list/template.hbs b/app/components/reimbursement-list/template.hbs
index 76ecb03..0bdd008 100644
--- a/app/components/reimbursement-list/template.hbs
+++ b/app/components/reimbursement-list/template.hbs
@@ -1,4 +1,4 @@
-<ul class="item-list reimbursement-list {{if @loading 'loading'}}">
+<ul class="item-list spaced reimbursement-list {{if @loading 'loading'}}">
   {{#each this.itemsSorted as |reimbursement|}}
     <li data-reimbursement-id={{reimbursement.id}}
         class="{{item-status reimbursement}}">
diff --git a/app/styles/_item-list.scss b/app/styles/_item-list.scss
index 1bfcf0b..bdef14c 100644
--- a/app/styles/_item-list.scss
+++ b/app/styles/_item-list.scss
@@ -25,4 +25,11 @@ ul.item-list {
       }
     }
   }
+
+  &.spaced {
+    li {
+      border-top: 1px solid $item-border-color;
+      margin-bottom: 2rem;
+    }
+  }
 }