From 64c3dd9163822fb116d34ea54a8b8af1643134fd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9=20Moreira?= <amoreira.mail@gmail.com>
Date: Thu, 31 Oct 2024 19:38:09 +0100
Subject: [PATCH] Style checkboxes in page edit forms

Use two columns to layout checkboxes
---
 clarin_bootstrap.info.yml        |  1 +
 scss/edit-form-styles.style.scss | 18 ++++++++++++++++++
 2 files changed, 19 insertions(+)
 create mode 100644 scss/edit-form-styles.style.scss

diff --git a/clarin_bootstrap.info.yml b/clarin_bootstrap.info.yml
index 360d8fd..7c4bfe7 100644
--- a/clarin_bootstrap.info.yml
+++ b/clarin_bootstrap.info.yml
@@ -14,6 +14,7 @@ libraries-override:
   bootstrap_barrio/slide_nav: false
 ckeditor5-stylesheets:
   - css/ckeditor5-clarin.style.min.css
+  - css/edit-form-styles.style.min.css
 regions:
   navigation_left: 'Navigation - left'
   navigation_collapsible: 'Navigation (Collapsible)'
diff --git a/scss/edit-form-styles.style.scss b/scss/edit-form-styles.style.scss
new file mode 100644
index 0000000..f7321ab
--- /dev/null
+++ b/scss/edit-form-styles.style.scss
@@ -0,0 +1,18 @@
+.field--widget-options-buttons legend > span {
+  font-size: 18px;
+  margin-bottom: 8px;
+}
+
+.form-checkboxes {
+  display: flex;
+  flex-flow: row wrap;
+
+  > div.form-item {
+    display: block;
+    flex-grow: 1;
+    margin-bottom: 5px;
+    margin-top: 5px;
+    padding-right: 1rem;
+    width: 45%;
+  }
+}