From e662242000ff9f07952592f3e03eb4fbf159547b Mon Sep 17 00:00:00 2001
From: Mike Bloy <mike@bloy.org>
Date: Wed, 11 Jun 2025 22:29:00 -0500
Subject: [PATCH] css fixes for power form

---
 src/styles/swade-mb-helpers.scss | 38 +++++++++++++++-----------------
 src/templates/powerDialog.html   |  2 +-
 2 files changed, 19 insertions(+), 21 deletions(-)

diff --git a/src/styles/swade-mb-helpers.scss b/src/styles/swade-mb-helpers.scss
index fa319bd..7d0b026 100644
--- a/src/styles/swade-mb-helpers.scss
+++ b/src/styles/swade-mb-helpers.scss
@@ -35,43 +35,41 @@
             content: ":";
           }
 
-          // &.mbcheckbox {
-          //   grid-column: 2 / span 1;
-          //   justify-self: start;
+          &.mbcheckbox {
+            grid-column: 2 / span 1;
+            justify-self: start;
 
-          //   &::after {
-          //     content: "";
-          //   }
-          // }
+            &::after {
+              content: "";
+            }
+          }
         }
 
         &>input {
           grid-column: 2 / span 1;
           justify-self: start;
 
-          // &[type="checkbox"] {
-          //   grid-column: 1 / span 1;
-          //   justify-self: end;
-          // }
+          &[type="checkbox"] {
+            grid-column: 1 / span 1;
+            justify-self: end;
+          }
         }
 
-        &>fieldset {
+        &>fieldset.mbRadiogroup {
           grid-column: 1 / span 2;
           display: flex;
           flex-direction: row;
-          align-items: baseline;
+          align-items: center;
 
-          &>label {
-            text-align: right;
+          &>label.mbradio {
+            text-align: left;
+            margin-right: 2em;
+            padding-right: 0.25em;
 
             &::after {
-              content: ":";
+              content: "";
             }
           }
-
-          &>input {
-            margin-right: 2em;
-          }
         }
       }
     }
diff --git a/src/templates/powerDialog.html b/src/templates/powerDialog.html
index e35c9e8..0020835 100644
--- a/src/templates/powerDialog.html
+++ b/src/templates/powerDialog.html
@@ -42,9 +42,9 @@
       <fieldset class="mbRadiogroup">
         <legend>{{#if epic}}⭐ {{/if}}{{name}}</legend>
         {{#each choices}}
-        <label class="mbradio" for="{{../../formId}}-{{../id}}-{{@key}}">{{text}}</label>
         <input type="radio" name="{{../id}}" {{checked checked}} id="{{../../formId}}-{{../id}}-{{@key}}"
           value="{{@key}}">
+        <label class="mbradio" for="{{../../formId}}-{{../id}}-{{@key}}">{{text}}</label>
         {{/each}}
         {{/if}}
       </fieldset>