Merge pull request #19 from BitBagCommerce/OP-475

OP-475 - Fixed an issue where groups of attributes could not be added to a product

Author: senghe

tests/Application/templates/bundles/SyliusAdminBundle/Product/Attribute/attributeChoice.html.twig

@@ -1,50 +1,32 @@
-<div
-    class="ui fluid action input"
-    id="attributeChoice"
-    data-action="{{ path('sylius_admin_render_attribute_forms') }}"
-    style="margin-bottom: 30px;"
->
+<div class="ui fluid action input attribute-selection-form" id="attributeChoice" data-action="{{ path('sylius_admin_render_attribute_forms') }}" style="margin-bottom: 30px; gap: 1rem;">
     {{ form_widget(
         form, {
             'attr': {
-                'class': 'ui fluid search dropdown', 
-                'id': 'sylius_product_attribute_choice', 
+                'class': 'ui fluid search dropdown',
+                'id': 'sylius_product_attribute_choice',
                 'data-attributes': ''
             }
         }
     ) }}
 
-    <div 
-        class="ui fluid icon dropdown input" 
-        tabindex="0" 
-    >
+    <div
+        class="ui fluid icon dropdown input"
+        tabindex="0">
         <div style="height: 100%;">
-            <input 
-                name="atribute_groups_search" 
-                placeholder="{{ 'bitbag_sylius_product_attribute_group_plugin.ui.attributes_group'|trans }}" 
-                data-attribute-groups-search 
+            <input
+                name="atribute_groups_search"
+                placeholder="{{ 'bitbag_sylius_product_attribute_group_plugin.ui.attributes_group'|trans }}"
+                data-attribute-groups-search
                 style="height: 100%;"
-                id="add_attributes_group"
-            >
+                id="add_attributes_group">
         </div>
 
-        <i class="icon clipboard list"></i> 
-
-        <div 
-            class="ui menu fluid transition"
-            id="menuWithAttributesGroup"
-            tabindex="-1" 
-            data-attribute-groups
-        >
-        </div>
+        <i class="icon clipboard list"></i>
+        <div class="ui menu fluid transition" id="menuWithAttributesGroup" tabindex="-1" data-attribute-groups></div>
     </div>
 
-    <button 
-        class="ui green labeled icon button" 
-        type="button"
-    >
+    <button class="ui green icon button" style="border-radius: 0.25rem;" type="button">
         <i class="icon plus"></i>
-        
         {{ 'sylius.ui.add_attributes'|trans }}
     </button>
 </div>