From 9aa551a0831f6ac381022ec0a3e5bd0b222be4df Mon Sep 17 00:00:00 2001
From: Peter Stockings <pstockings@jadeworld.com>
Date: Mon, 18 Dec 2023 21:24:40 +1100
Subject: [PATCH] Make http functions overview page more responsive

---
 templates/dashboard/http_functions.html | 42 +++++++++++++------------
 1 file changed, 22 insertions(+), 20 deletions(-)

diff --git a/templates/dashboard/http_functions.html b/templates/dashboard/http_functions.html
index 21aec91..980ca2c 100644
--- a/templates/dashboard/http_functions.html
+++ b/templates/dashboard/http_functions.html
@@ -15,7 +15,7 @@
                         data-id="59">Name</th>
                     <th class="h-12 px-4 text-left align-middle font-medium text-muted-foreground [&amp;:has([role=checkbox])]:pr-0 hidden md:table-cell"
                         data-id="60">URL</th>
-                    <th class="h-12 px-4 text-left align-middle font-medium text-muted-foreground [&amp;:has([role=checkbox])]:pr-0 hidden md:table-cell"
+                    <th class="h-12 px-4 text-left align-middle font-medium text-muted-foreground [&amp;:has([role=checkbox])]:pr-0"
                         data-id="61">Actions</th>
                 </tr>
             </thead>
@@ -44,25 +44,27 @@
                                 </path>
                             </svg></button>
                     </td>
-                    <td class="p-4 align-middle [&amp;:has([role=checkbox])]:pr-0 hidden md:table-cell" data-id="68">
-                        <button
-                            class="inline-flex items-center justify-center text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-9 rounded-md px-3"
-                            data-id="69" hx-get="{{ url_for('get_http_function_logs', name=function.name) }}"
-                            hx-target="#container" hx-swap="innerHTML">
-                            Logs
-                        </button>
-                        <button
-                            class="inline-flex items-center justify-center text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-9 rounded-md px-3"
-                            data-id="69" hx-get="{{ url_for('get_http_function_edit_form', name=function.name) }}"
-                            hx-target="#container" hx-swap="innerHTML">
-                            Edit
-                        </button>
-                        <button
-                            class="inline-flex items-center justify-center text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-9 rounded-md px-3"
-                            data-id="69" hx-get="{{ url_for('client', function=function.name) }}" hx-target="#container"
-                            hx-swap="innerHTML">
-                            Try
-                        </button>
+                    <td class="p-4 align-middle [&amp;:has([role=checkbox])]:pr-0" data-id="68">
+                        <div class="flex gap-1">
+                            <button
+                                class="inline-flex items-center justify-center text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-9 rounded-md px-3"
+                                data-id="69" hx-get="{{ url_for('get_http_function_logs', name=function.name) }}"
+                                hx-target="#container" hx-swap="innerHTML">
+                                Logs
+                            </button>
+                            <button
+                                class="inline-flex items-center justify-center text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-9 rounded-md px-3"
+                                data-id="69" hx-get="{{ url_for('get_http_function_edit_form', name=function.name) }}"
+                                hx-target="#container" hx-swap="innerHTML">
+                                Edit
+                            </button>
+                            <button
+                                class="inline-flex items-center justify-center text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-9 rounded-md px-3"
+                                data-id="69" hx-get="{{ url_for('client', function=function.name) }}"
+                                hx-target="#container" hx-swap="innerHTML">
+                                Try
+                            </button>
+                        </div>
                     </td>
                 </tr>
                 {% endfor %}