From 161d5a1353a3a968f60e38fac34b55a8b22b9676 Mon Sep 17 00:00:00 2001
From: Henrik Hautakoski <henrik.hautakoski@gmail.com>
Date: Sat, 1 Sep 2018 20:31:34 +0200
Subject: [PATCH] app/assets/sass/components/_list-group.scss: instead of
 having borders for each item (and remove buttom for last child). Set all 4
 borders for .list-group and then set buttom border for all items (except
 last)

---
 app/assets/sass/components/_list-group.scss | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/app/assets/sass/components/_list-group.scss b/app/assets/sass/components/_list-group.scss
index d216f38..cba5c02 100644
--- a/app/assets/sass/components/_list-group.scss
+++ b/app/assets/sass/components/_list-group.scss
@@ -4,6 +4,8 @@
     padding-left: 0;    // for <ul>, reset left padding.
     margin-bottom: 0;   // for <ul>, reset bottom margin.
 
+    border: 1px solid $list-group-item-border-color;
+
     &-item {
 
         display: block;
@@ -11,16 +13,15 @@
 
         color: $list-group-item-color;
         background-color: $list-group-item-background;
-        border: 1px solid $list-group-item-border-color;
+
+        // Set buttom border for all but the last child.
+        &:not(:last-child) {
+            border-bottom: 1px solid $list-group-item-border-color;
+        }
 
         &-active {
             background-color: $list-group-item-active-background;
         }
-
-        // Remove bottom border for all but last item.
-        &:not(:last-child) {
-            border-bottom: 0;
-        }
     }
 }