From 637d74bc327d60933b1c8d0cf5f6f9c83fcb252b Mon Sep 17 00:00:00 2001
From: zombieFox <crudetoaster@gmail.com>
Date: Fri, 4 Jan 2019 19:53:50 +0000
Subject: [PATCH] [bug] fix style for nested buttons in button group

---
 css/button.css | 18 ++++++++++++------
 index.html     |  2 +-
 2 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/css/button.css b/css/button.css
index 1a72376c..1ef1ab3f 100644
--- a/css/button.css
+++ b/css/button.css
@@ -103,15 +103,21 @@ button [class*=" icon-"],
   border-radius: 0;
 }
 
-.button-group button:first-child,
-.button-group .button:first-child,
-.button-group .button-group-addon:first-child {
+.button-group>button:first-child,
+.button-group>.button:first-child {
   border-radius: var(--radius) 0 0 var(--radius);
 }
 
-.button-group button:last-child,
-.button-group .button:last-child,
-.button-group .button-group-addon:last-child {
+.button-group>button:last-child,
+.button-group>.button:last-child {
+  border-radius: 0 var(--radius) var(--radius) 0;
+}
+
+.button-group.nested-button *:first-child .button {
+  border-radius: var(--radius) 0 0 var(--radius);
+}
+
+.button-group.nested-button *:last-child .button {
   border-radius: 0 var(--radius) var(--radius) 0;
 }
 
diff --git a/index.html b/index.html
index 4c082515..dad292da 100644
--- a/index.html
+++ b/index.html
@@ -45,7 +45,7 @@
           </button>
         </div>
         <div class="header-item header-edit-add">
-          <div class="button-group mb-0">
+          <div class="button-group nested-button mb-0">
             <div class="checkbox-wrap">
               <input id="control-edit" class="control-edit" type="checkbox" tabindex="1">
               <label for="control-edit" class="button button-checkbox">