From fbe12a94ddf16cc806fad8c1d7cc7714b7eb45e3 Mon Sep 17 00:00:00 2001
From: Denis Strigo <denis2295@gmail.com>
Date: Tue, 5 Jun 2018 13:51:10 +0300
Subject: [PATCH] fix(buttons): Uncheck checkbox after click (#1721)

Closes #1697
---
 .../button-groups/button-groups.component.html    | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/app/pages/ui-features/buttons/button-groups/button-groups.component.html b/src/app/pages/ui-features/buttons/button-groups/button-groups.component.html
index d466f1c707..2283f62d4d 100644
--- a/src/app/pages/ui-features/buttons/button-groups/button-groups.component.html
+++ b/src/app/pages/ui-features/buttons/button-groups/button-groups.component.html
@@ -118,13 +118,22 @@
             </div>
           </div>
           <div class="btn-group btn-group-toggle btn-divided-group btn-group-full-width" data-toggle="buttons">
-            <label ngbButtonLabel class="btn btn-primary" [class.active]="dividedButtonGroupTwo.left">
+            <label ngbButtonLabel
+                   class="btn btn-primary"
+                   [class.active]="dividedButtonGroupTwo.left"
+                   [class.focus]="dividedButtonGroupTwo.left">
               <input ngbButton type="checkbox" [(ngModel)]="dividedButtonGroupTwo.left"> Left
             </label>
-            <label ngbButtonLabel class="btn btn-primary" [class.active]="dividedButtonGroupTwo.middle">
+            <label ngbButtonLabel
+                   class="btn btn-primary"
+                   [class.active]="dividedButtonGroupTwo.middle"
+                   [class.focus]="dividedButtonGroupTwo.middle">
               <input ngbButton type="checkbox" [(ngModel)]="dividedButtonGroupTwo.middle"> Middle
             </label>
-            <label ngbButtonLabel class="btn btn-primary" [class.active]="dividedButtonGroupTwo.right">
+            <label ngbButtonLabel
+                   class="btn btn-primary"
+                   [class.active]="dividedButtonGroupTwo.right"
+                   [class.focus]="dividedButtonGroupTwo.right">
               <input ngbButton type="checkbox" [(ngModel)]="dividedButtonGroupTwo.right"> Right
             </label>
           </div>