From b23d29d72a060282c7cb3b45cdfb81e8f145d1c7 Mon Sep 17 00:00:00 2001
From: Peter Stockings <pstockings@jadeworld.com>
Date: Tue, 25 Jul 2023 21:11:46 +1000
Subject: [PATCH] In workout modal on mobile view change edit/delete
 update/cancel buttons to column

---
 templates/partials/topset.html        | 2 +-
 templates/partials/workout_modal.html | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/templates/partials/topset.html b/templates/partials/topset.html
index 012fa85..f3e194a 100644
--- a/templates/partials/topset.html
+++ b/templates/partials/topset.html
@@ -35,7 +35,7 @@
         </div>
         {% endif %}
     </td>
-    <td class="p-4 whitespace-nowrap text-sm font-semibold text-gray-900">
+    <td class="p-4 whitespace-nowrap text-sm font-semibold text-gray-900 flex flex-col sm:flex-row">
         {% if is_edit|default(false, true) == false %}
         <button
             class="inline-flex justify-center p-2 text-blue-600 rounded-full cursor-pointer hover:bg-blue-100 dark:text-blue-500 dark:hover:bg-gray-600"
diff --git a/templates/partials/workout_modal.html b/templates/partials/workout_modal.html
index a469ee9..3dc0813 100644
--- a/templates/partials/workout_modal.html
+++ b/templates/partials/workout_modal.html
@@ -59,7 +59,7 @@
                                 class="px-4 bg-gray-50 text-gray-700 align-middle py-3 text-xs font-semibold text-left uppercase border-l-0 border-r-0 whitespace-nowrap">
                                 Top Set</th>
                             <th
-                                class="px-4 bg-gray-50 text-gray-700 align-middle py-3 text-xs font-semibold text-left uppercase border-l-0 border-r-0 whitespace-nowrap min-w-140-px w-8">
+                                class="px-4 bg-gray-50 text-gray-700 align-middle py-3 text-xs font-semibold text-left uppercase border-l-0 border-r-0 whitespace-nowrap w-18 sm:w-24">
                             </th>
                         </tr>
                     </thead>