From 01a79f1b7967525c85ee3bc02e804bc4818c45c3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julien=20Fastr=C3=A9?= <julien.fastre@champs-libres.coop>
Date: Fri, 13 Dec 2019 12:39:13 +0100
Subject: [PATCH] [style] add an extra space around choices expanded widget

---
 CHANGELOG.md                              | 1 +
 Resources/public/sass/modules/_forms.scss | 7 +++++++
 Resources/views/Form/fields.html.twig     | 2 +-
 3 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 970fa0fde..545f163e1 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -98,3 +98,4 @@ Branch CRUD-Init
 
 - create an api for rendering entities
 - css: render the placeholder in expanded choice item as italic (the "no specified" choice")
+- css: add an extra space around choices expanded widget
diff --git a/Resources/public/sass/modules/_forms.scss b/Resources/public/sass/modules/_forms.scss
index f2c533906..b01c802b6 100644
--- a/Resources/public/sass/modules/_forms.scss
+++ b/Resources/public/sass/modules/_forms.scss
@@ -34,6 +34,8 @@ label {
 
 .inline-choice {
    white-space:nowrap;
+   display: inline-block;
+   
    label {
       white-space:normal;
       display: inline;
@@ -43,6 +45,11 @@ label {
    }
 }
 
+div.choice-widget-expanded  {
+    margin-top: 0.5em;
+    margin-bottom: 0.5em;
+}
+
 textarea,
 //input,
 #{$all-text-inputs},
diff --git a/Resources/views/Form/fields.html.twig b/Resources/views/Form/fields.html.twig
index 841dd72e2..97e2896dc 100644
--- a/Resources/views/Form/fields.html.twig
+++ b/Resources/views/Form/fields.html.twig
@@ -52,7 +52,7 @@
     
 {% block choice_widget_expanded %}
 {% spaceless %}
-    <div {{ block('widget_container_attributes') }}>
+    <div {{ block('widget_container_attributes') }} class="choice-widget-expanded">
     {% for child in form %}
         <span class="inline-choice">
             {{ form_widget(child) }}