checks and radios styling for review page

orbeon · Dec 7, 2022 · a786f5e · a786f5e
1 parent bf80a98
commit a786f5e
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/form-runner/jvm/src/main/assets/apps/fr/style/form-runner-bootstrap5-override.less b/form-runner/jvm/src/main/assets/apps/fr/style/form-runner-bootstrap5-override.less
@@ -238,6 +238,7 @@ input, output, .xforms-control.xforms-select1.xforms-incremental, .xforms-contro
   }
 
   // form controls > Selection Controls
+  // .fr-mode-view .xforms-select-appearance-full.xforms-static .xforms-selected
   .xforms-select-appearance-full, .xforms-select1-appearance-full {
     input {
       vertical-align: middle;
@@ -485,6 +486,13 @@ input, output, .xforms-control.xforms-select1.xforms-incremental, .xforms-contro
     }
   }
 
+  // review page: checks and radios
+  .fr-mode-view .xforms-select-appearance-full.xforms-static, .fr-mode-view .xforms-items.xforms-help-popover-control {
+    .xforms-selected .checkbox > span, .xforms-selected .radio > span, .xforms-deselected .checkbox > span, .xforms-deselected .radio > span {
+      padding-left: 1rem;
+    }
+  }
+
   // contact review page
   .fr-grid-td.xforms-group {
     .xbl-component.xbl-fr-us-phone .xforms-label , .xbl-component.xbl-fr-dropdown-select1 .xforms-label {