Improve rendering of time widget in choice type mode

Author: Sander De la Marche

templates/Form/fields.html.twig

@@ -290,20 +290,24 @@
 
     {% else %}
       {% if dont_render_row is not defined or not dont_render_row %}
-        <div class="row align-items-center">
+        <div class="row">
       {% endif %}
 
       <div class="col-md-3">
         {%- if label is not same as(false) -%}{{ form_label(form.hour, null, { 'label_attr': {'class': 'sr-only'} }) }}{%- endif -%}
         {{ form_widget(form.hour) }}
       </div>
-      <span>{{ divider }}</span>
+      <div class="col-md-1 text-center">
+        <span>{{ divider }}</span>
+      </div>
       <div class="col-md-3">
         {%- if label is not same as(false) -%}{{ form_label(form.minute, null, { 'label_attr': {'class': 'sr-only'} }) }}{%- endif -%}
         {{ form_widget(form.minute) }}
       </div>
       {% if with_seconds %}
-        <span>{{ divider }}</span>
+        <div class="col-md-1 text-center">
+          <span>{{ divider }}</span>
+        </div>
         <div class="col-md-3">
           {%- if label is not same as(false) -%}{{ form_label(form.second, null, { 'label_attr': {'class': 'sr-only'} }) }}{%- endif -%}
           {{ form_widget(form.second) }}