{% extends 'base.html.twig' %}

{% block body %}
    <h1>Tag a picture</h1>

    <div class="picture">
        <img id="tagged-picture" class="max-screen-size" src="{{ path('view_picture', {picture:picture.id}) }}" alt="{{ picture.name }}"/>
    </div>
    {{ form_start(form) }}
    {{ form_widget(form) }}
    <div class="fixed-bottom ml-3 mb-3">
        <input type="submit" class="btn btn-bg btn-primary" value="{% trans %}global.add{% endtrans %}"/>
        {% if is_granted("ROLE_ADMIN") %}
            <a href="{{ path('picture_delete', {'id': picture.id}) }}" class="form-button btn btn-danger">Delete</a>
        {% endif %}
    </div>
    {{ form_end(form) }}
    <div class="spacing mt-5 mb-3">
        <!-- Empty -->
    </div>
{% endblock %}

{% extends 'base.html.twig' %}

{% block body %}
    <h1>Tag a picture</h1>

    <div class="picture">
        <img id="tagged-picture" class="max-screen-size" src="{{ path('view_picture', {picture:picture.id}) }}" alt="{{ picture.name }}"/>
    </div>
    {{ form_start(form) }}
    {{ form_widget(form) }}
    <div class="fixed-bottom ml-3 mb-3 pt-1 pl-2">
        <input type="submit" class="btn btn-lg btn-bg btn-primary" value="{% trans %}global.add{% endtrans %}"/>
        {% if is_granted("ROLE_ADMIN") %}
            <a href="{{ path('picture_delete', {'id': picture.id}) }}" class="form-button btn btn-danger">Delete</a>
        {% endif %}
    </div>
    {{ form_end(form) }}
    <div class="spacing pt-5 pb-3">
        <!-- Empty -->
    </div>
{% endblock %}

Add padding for tag buttons
Add padding for tag buttons
