#4676: Adjusted webform flexbox layout styling

CHANGELOG.md

@@ -8,6 +8,9 @@ Nedenfor ses dato for release og beskrivelse af opgaver som er implementeret.
 
 * Opdaterede fejlede jobs personaliseret view.
 * Fjernede ubrugt custom modul.
+* Opdaterede styling i flexbox layout.
+  * Sikrede at checkbox labels og beskrivelser laver linjeskift.
+  * Tiljusterede placeringen af checkbox input felter.
 
 ## [4.4.0] 2025-06-16
 

web/themes/custom/os2forms_selvbetjening_theme/assets/app.scss

@@ -117,3 +117,17 @@
   border-width: 2px !important;
   border-radius: 5px;
 }
+
+/* Adjustments for webform flexbox */
+@media (min-width: 768px) {
+  /* Allow potential wrapping. Overrides web/modules/contrib/webform/css/webform.element.flexbox.css */
+  .webform-flex--container .form-type-checkbox,
+  .webform-flex--container .form-type-radio {
+    white-space: inherit;
+  }
+
+  /* Add margin to align checkboxes inside flex layout. */
+  .webform-flexbox {
+    margin: 0 var(--space-l) calc(var(--space-m) + var(--space-s));
+  }
+}