Hidden Class on Change View

[dowitsch]

There are a lot of hidden type in the history.html.twig:

                                        <div class="hidden md:block">
                                            <div>
                                                <p class="mt-2 flex items-center text-sm text-gray-500">
                                                    {% for audit in transaction %}
                                                        {% if audit.entry.type == 'insert' %}
                                                            {{ bootstrap_icon('plus-circle') }}
                                                        {% elseif audit.entry.type == 'update' %}
                                                            {{ bootstrap_icon('pencil-square') }}
                                                        {% elseif audit.entry.type == 'remove' %}
                                                            {{ bootstrap_icon('x-circle') }}
                                                        {% elseif audit.entry.type == 'associate' %}
                                                            {{ bootstrap_icon('link-45deg') }}
                                                        {% elseif audit.entry.type == 'dissociate' %}
                                                            {{ bootstrap_icon('dash-circle-fill') }}
                                                        {% endif %}
                                                        &nbsp; {{ ('wwd.'~audit.class|wwd_crud_entity_alias~'.title')|trans }} {{ ('whatwedo_crud_history.type.'~audit.entry.type)|trans }}
                                                    {% endfor %}
                                                </p>
                                            </div>
                                        </div>
                                        <div class="hidden md:block">
                                            <div>
                                                <p class="mt-2 flex items-center text-sm text-gray-500">
                                                <ul>
                                                    {% for audit in transaction %}
                                                        {% if audit.entry.type == 'insert' %}
                                                            {{ _self.insert(audit) }}
                                                        {% elseif audit.entry.type == 'update' %}
                                                            {{ _self.update(audit) }}
                                                        {% elseif audit.entry.type == 'remove' %}
                                                            {{ _self.remove(audit) }}
                                                        {% elseif audit.entry.type == 'associate' %}
                                                            {{ _self.associate(audit) }}
                                                        {% elseif audit.entry.type == 'dissociate' %}
                                                            {{ _self.dissociate(audit) }}
                                                        {% endif %}
                                                    {% endfor %}
                                                </ul>
                                                </p>
                                            </div>
                                        </div>

There is no reason for them to be there so far I can see and in the Demo Application it is only visible because somewhere there is in the css definied:

.md\:block {
  display: block
}