[style] add an extra space around choices expanded widget

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

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},

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) }}