Make buttons move to right again with flex layout

agdsn · Oct 8, 2023 · 91522f7 · 91522f7
1 parent 3f2f9ec
commit 91522f7
Showing 1 changed file with 16 additions and 13 deletions.
diff --git a/sipa/templates/usersuite/_index_status.html b/sipa/templates/usersuite/_index_status.html
@@ -78,28 +78,31 @@ <h2 id="status-information">{{ _("Statusinformationen") }}</h2>
                 {% endif %}
                 {%- set style = ("text-{}".format(property.style) if property.style else '') -%}
                 <td class="col-md-3">
-                    <span class="{{ style }}">{{ property.value }}</span>
+                    <span class="d-inline-flex w-100 justify-content-between">
+                        <span class="{{ style }}">{{ property.value }}</span>
 
-                    {%- if property.capabilities.edit and property.empty -%}
-                        <a href="{{ url_for(get_attribute_endpoint(property.name)) }}"
-                           aria-label="{{ _("Hinzufügen") }}">
+                        {%- if property.capabilities.edit and property.empty -%}
+                            <a href="{{ url_for(get_attribute_endpoint(property.name)) }}"
+                               aria-label="{{ _("Hinzufügen") }}">
                             <span class="bi-plus-square-fill ms-auto"></span>
                         </a>
-                    {%- endif -%}
+                        {%- endif -%}
 
-                    {%- if property.capabilities.edit and not property.empty -%}
-                        <a href="{{ url_for(get_attribute_endpoint(property.name)) }}"
-                           aria-label="{{ _("Bearbeiten") }}">
+                        {%- if property.capabilities.edit and not property.empty -%}
+                            <a href="{{ url_for(get_attribute_endpoint(property.name)) }}"
+                               aria-label="{{ _("Bearbeiten") }}">
                             <span class="bi-pencil-fill ms-auto"></span>
                         </a>
-                    {%- endif -%}
+                        {%- endif -%}
 
-                    {%- if property.capabilities.delete and not property.empty -%}
-                        <a href="{{ url_for(get_attribute_endpoint(property.name, capability='delete')) }}"
-                           aria-label="{{ _("Löschen") }}">
+                        {%- if property.capabilities.delete and not property.empty -%}
+                            <a href="{{ url_for(get_attribute_endpoint(property.name, capability='delete')) }}"
+                               aria-label="{{ _("Löschen") }}">
                             <span class="bi-dash-square-fill ms-auto"></span>
                         </a>
-                    {%- endif -%}
+                        {%- endif -%}
+
+                    </span>
                 </td>
             </tr>
             {% endfor %}