Fix layout issues on scheduled reports page (#3930)

Co-authored-by: Jan Klopper <[email protected]>
minvws · Dec 4, 2024 · 09b2228 · 09b2228
1 parent 21d7c9b
commit 09b2228
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 13 deletions.
diff --git a/rocky/assets/css/components/table.scss b/rocky/assets/css/components/table.scss
@@ -75,7 +75,7 @@ table tr.expando-row td {
 }
 
 table:not(.nowrap) tbody td:not(.nowrap) {
-  a {
+  a:not(.button) {
     line-break: break-all;
     display: inline-block; /* Needed to be able to use max-width */
     max-width: 20rem;

diff --git a/rocky/reports/templates/report_overview/scheduled_reports_table.html b/rocky/reports/templates/report_overview/scheduled_reports_table.html
@@ -108,19 +108,21 @@
                                     </table>
                                 {% endif %}
                                 <div class="horizontal-view toolbar">
-                                    {% if schedule.enabled %}
-                                        {% include "report_overview/modal_partials/enable_disable_schedule_modal.html" with modal_id="disable-schedule-modal-"|add:schedule.schedule_id %}
+                                    <div class="button-container">
+                                        {% if schedule.enabled %}
+                                            {% include "report_overview/modal_partials/enable_disable_schedule_modal.html" with modal_id="disable-schedule-modal-"|add:schedule.schedule_id %}
 
-                                        <a class="button ghost"
-                                           href="{% ooi_url "ooi_edit" schedule.recipe organization.code %}"><span aria-hidden="true" class="icon ti-edit action-button"></span>{% translate "Edit report recipe" %}</a>
-                                        <a class="button ghost destructive"
-                                           href="#disable-schedule-modal-{{ schedule.schedule_id }}">{% translate "Disable schedule" %}</a>
-                                    {% else %}
-                                        <a class="button"
-                                           href="{% url "enable_disable_scheduled_reports" organization.code %}?schedule_id={{ schedule.schedule_id }}">{% translate "Enable schedule" %}</a>
-                                        <a class="button ghost"
-                                           href="{% ooi_url "ooi_edit" schedule.recipe organization.code %}"><span aria-hidden="true" class="icon ti-edit action-button"></span>{% translate "Edit report recipe" %}</a>
-                                    {% endif %}
+                                            <a class="button ghost"
+                                               href="{% ooi_url "ooi_edit" schedule.recipe organization.code %}"><span aria-hidden="true" class="icon ti-edit action-button"></span>{% translate "Edit report recipe" %}</a>
+                                            <a class="button ghost destructive"
+                                               href="#disable-schedule-modal-{{ schedule.schedule_id }}">{% translate "Disable schedule" %}</a>
+                                        {% else %}
+                                            <a class="button"
+                                               href="{% url "enable_disable_scheduled_reports" organization.code %}?schedule_id={{ schedule.schedule_id }}">{% translate "Enable schedule" %}</a>
+                                            <a class="button ghost"
+                                               href="{% ooi_url "ooi_edit" schedule.recipe organization.code %}"><span aria-hidden="true" class="icon ti-edit action-button"></span>{% translate "Edit report recipe" %}</a>
+                                        {% endif %}
+                                    </div>
                                 </div>
                             </td>
                         </tr>