From ec793f9a177c7e951ed642816aaa867005f473ea Mon Sep 17 00:00:00 2001
From: Bram de Leeuw <bram-de-leeuw@hotmail.com>
Date: Tue, 9 Jan 2018 12:43:21 +0100
Subject: [PATCH] Use calc in button group with singel child

Without calc the singel button in a button group would overlap the grid because of set negative margin. This becomes noticeable when the spacing is set to, for example, the grid gutter.
---
 scss/components/_button-group.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/scss/components/_button-group.scss b/scss/components/_button-group.scss
index bb88bb212..8ef10d762 100644
--- a/scss/components/_button-group.scss
+++ b/scss/components/_button-group.scss
@@ -100,7 +100,7 @@ $buttongroup-radius-on-each: true !default;
     @else {
       // One child
       &:first-child:last-child {
-        width: 100%;
+        width: calc(100% - #{$spacing});
       }
 
       // Two or more childreen
-- 
2.47.2