From 9a452e9fc360540b863f547b83f16f866d5e39a6 Mon Sep 17 00:00:00 2001
From: Thord Setsaas <thordendre@gmail.com>
Date: Fri, 8 Nov 2024 09:17:37 +0100
Subject: [PATCH] Fix some broken styles

---
 CHANGELOG.md                                                  | 2 +-
 .../configure-kcapp-modal/configure-kcapp-modal.marko         | 4 ++--
 .../configure-kcapp-modal/configure-kcapp-modal.style.less    | 3 ++-
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index f099f2a..c56aaed 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -12,6 +12,7 @@ A preview of major changes can be found in the Wiki ([Latest Changes](https://gi
 - Ability to configure bots from Tablet Controller
 - New set of larger Compact buttons
 - Lots of new Badges
+- Ability to configure: "Announcement Volume", "Auto Busting" and "Auto Leg Finish" from frontend
 
 #### Changed
 - Don't show `Rematch` and `Undo Leg Finish` on old legs
@@ -32,7 +33,6 @@ A preview of major changes can be found in the Wiki ([Latest Changes](https://gi
 - New "Explore" tab on player statistics, to explore darts thrown
 - Support for `ANY` and `MASTER` outs for `x01` legs
 - Simplified input for `x01` legs
-- Ability to configure: "Announcement Volume", "Auto Busting" and "Auto Leg Finish" from frontend
 
 #### Changed
 - Updated to use `Node.js v18`
diff --git a/src/components/navbar/components/configure-kcapp-modal/configure-kcapp-modal.marko b/src/components/navbar/components/configure-kcapp-modal/configure-kcapp-modal.marko
index 068c107..6b289c2 100644
--- a/src/components/navbar/components/configure-kcapp-modal/configure-kcapp-modal.marko
+++ b/src/components/navbar/components/configure-kcapp-modal/configure-kcapp-modal.marko
@@ -34,7 +34,7 @@
           <div class="block-container-header">
             <span>Leg Options</span>
           </div>
-          <div class="block-container-with-header" style="display: flex; align-items: center; min-height: 81px;">
+          <div class="block-container-with-header-flex" style="display: flex; align-items: center; min-height: 81px;">
             <div class="form-group form-check mr-2">
               <input type="checkbox" id="autoFinishLegs" class="form-check-input" checked=state.autoFinishLegs on-change("toggleAutoFinishLegs")>
               <label class="toggle-button" for="autoFinishLegs">
@@ -49,7 +49,7 @@
               </div>
             </if>
           </div>
-          <div class="block-container-with-header" style="margin-top: -30px;">
+          <div class="block-container-with-header-flex" style="margin-top: -30px;">
             <div class="form-group form-check">
               <input type="checkbox" id="confirmBusts" class="form-check-input" checked=state.confirmBusts on-change("toggleConfirmBusts")>
               <label class="toggle-button" for="confirmBusts">
diff --git a/src/components/navbar/components/configure-kcapp-modal/configure-kcapp-modal.style.less b/src/components/navbar/components/configure-kcapp-modal/configure-kcapp-modal.style.less
index 9f3aec2..3e75c60 100644
--- a/src/components/navbar/components/configure-kcapp-modal/configure-kcapp-modal.style.less
+++ b/src/components/navbar/components/configure-kcapp-modal/configure-kcapp-modal.style.less
@@ -36,7 +36,8 @@
     transform: translateX(26px);
 }
 
-.block-container-with-header {
+.block-container-with-header-flex {
+    .block-container-with-header;
     display: flex;
     align-items: center;
     margin-bottom: 0px;