Fix some broken styles

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`

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">

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;