From 31b888a2cb205abfae56955cb76d5d3d7df7c835 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kristoffer=20Nordstr=C3=B6m?=
 <kristoffer.nordstrom@sparebank1.no>
Date: Fri, 10 Mar 2017 09:45:55 +0100
Subject: [PATCH] FFE-169 Added right-padding on columns, included reset class.

---
 .gitignore                 | 1 +
 CHANGELOG.md               | 3 +++
 less/ffe-details-list.less | 7 +++++++
 package.json               | 2 +-
 4 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/.gitignore b/.gitignore
index 78f88dd255..cacf4630dd 100644
--- a/.gitignore
+++ b/.gitignore
@@ -2,3 +2,4 @@
 node_modules
 examples/examples.css
 examples/fonts/
+npm-debug.log
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 3f0e3d7525..03090472b1 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,8 @@
 # CHANGELOG
 
+## Version 7.0.1
+* right-padding on `__details-col` to make space between columns, use modifier `--no-padding` to cancel
+
 ## Version 7.0.0
 
 **Potentially breaking change:** The first column is now fixed at 33.33% width.
diff --git a/less/ffe-details-list.less b/less/ffe-details-list.less
index 0d83525c9d..2a4cede91d 100644
--- a/less/ffe-details-list.less
+++ b/less/ffe-details-list.less
@@ -30,6 +30,8 @@
         }
 
         &__details-col {
+            padding-right: 20px;
+
             &:nth-child(1) {
                 // This approach was used, rather than just width: 33.33%;, because of weird behavior
                 // with four columns where the first column would only wrap its children, not take up
@@ -54,6 +56,11 @@
                 flex-grow: 2;
                 text-align: right;
             }
+
+            &&--last,
+            &&--no-padding {
+                padding-right: 0;
+            }
         }
     }
 
diff --git a/package.json b/package.json
index 4be23904a0..07bad20954 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ffe-details-list",
-  "version": "7.0.0",
+  "version": "7.0.1",
   "description": "Opplisting av attributter i en grid",
   "main": "index.js",
   "scripts": {