From 3c199abc172d1723cb73c26d820c16a58d08baea Mon Sep 17 00:00:00 2001
From: Mark Veidemanis <m@zm.is>
Date: Thu, 11 Aug 2022 23:36:29 +0100
Subject: [PATCH] Don't wrap buttons in network management

---
 .../manage/threshold/irc/network/relays.html  | 72 ++++++++++---------
 1 file changed, 39 insertions(+), 33 deletions(-)

diff --git a/core/templates/manage/threshold/irc/network/relays.html b/core/templates/manage/threshold/irc/network/relays.html
index 5e7374d..ad5cbc3 100644
--- a/core/templates/manage/threshold/irc/network/relays.html
+++ b/core/templates/manage/threshold/irc/network/relays.html
@@ -55,39 +55,45 @@
                 </td>
                 <td>
                   <div class="buttons">
-                    {% if relay.enabled %}
-                      <button
-                        hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
-                        hx-get="{% url 'threshold_irc_network_relay_status' relay|index:'net' relay|index:'id' 0 %}"
-                        hx-target="#relays"
-                        hx-swap="outerHTML"
-                        class="button is-danger is-small">
-                        <span class="icon" data-tooltip="Disable">
-                          <i class="fa-solid fa-wifi-slash" aria-hidden="true"></i>
-                        </span>
-                      </button>
-                    {% else %}
-                      <button
-                        hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
-                        hx-get="{% url 'threshold_irc_network_relay_status' relay|index:'net' relay|index:'id' 1 %}"
-                        hx-target="#relays"
-                        hx-swap="outerHTML"
-                        class="button is-success is-small">
-                        <span class="icon" data-tooltip="Enable">
-                          <i class="fa-solid fa-wifi" aria-hidden="true"></i>
-                        </span>
-                      </button>
-                    {% endif %}
-                    <button
-                      hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
-                      hx-delete="{% url 'threshold_irc_network_relay_del' relay|index:'net' relay|index:'id' %}"
-                      hx-target="#relays"
-                      hx-swap="outerHTML"
-                      class="button is-danger is-small">
-                      <span class="icon" data-tooltip="Delete">
-                        <i class="fa-solid fa-xmark" aria-hidden="true"></i>
-                      </span>
-                    </button>
+                    <div class="nowrap-parent">
+                      <div class="nowrap-child">
+                        {% if relay.enabled %}
+                          <button
+                            hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
+                            hx-get="{% url 'threshold_irc_network_relay_status' relay|index:'net' relay|index:'id' 0 %}"
+                            hx-target="#relays"
+                            hx-swap="outerHTML"
+                            class="button is-danger is-small">
+                            <span class="icon" data-tooltip="Disable">
+                              <i class="fa-solid fa-wifi-slash" aria-hidden="true"></i>
+                            </span>
+                          </button>
+                        {% else %}
+                          <button
+                            hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
+                            hx-get="{% url 'threshold_irc_network_relay_status' relay|index:'net' relay|index:'id' 1 %}"
+                            hx-target="#relays"
+                            hx-swap="outerHTML"
+                            class="button is-success is-small">
+                            <span class="icon" data-tooltip="Enable">
+                              <i class="fa-solid fa-wifi" aria-hidden="true"></i>
+                            </span>
+                          </button>
+                        {% endif %}
+                      </div>
+                      <div class="nowrap-child">
+                        <button
+                          hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
+                          hx-delete="{% url 'threshold_irc_network_relay_del' relay|index:'net' relay|index:'id' %}"
+                          hx-target="#relays"
+                          hx-swap="outerHTML"
+                          class="button is-danger is-small">
+                          <span class="icon" data-tooltip="Delete">
+                            <i class="fa-solid fa-xmark" aria-hidden="true"></i>
+                          </span>
+                        </button>
+                      </div>
+                    </div>
                   </div>
                 </td>
               </tr>