From 2f859157de428af04106991d9df66ea80d4c344a Mon Sep 17 00:00:00 2001
From: Peter Stockings <pstockings@jadeworld.com>
Date: Tue, 25 Jul 2023 21:48:58 +1000
Subject: [PATCH] Reduce padding on workout modal when on mobile, TODO: workout
 list view needs to be made responsive as well

---
 static/css/style.css                  | 5 -----
 templates/partials/workout_modal.html | 2 +-
 2 files changed, 1 insertion(+), 6 deletions(-)

diff --git a/static/css/style.css b/static/css/style.css
index 5c8ee17..841e159 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -34,11 +34,6 @@ tr.htmx-swapping td {
     }
 
     #modal > .modal-content {
-        /* Position visible dialog near the top of the window */
-        margin-top: 5vh;
-        /* Sizing for visible dialog */
-        max-width: 80%;
-        max-height:90%;
         /* Display properties for visible dialog*/
         border: solid 1px #999;
         border-radius: 8px;
diff --git a/templates/partials/workout_modal.html b/templates/partials/workout_modal.html
index aa9d69a..2eeb934 100644
--- a/templates/partials/workout_modal.html
+++ b/templates/partials/workout_modal.html
@@ -5,7 +5,7 @@
 					then toggle .hide-scrollbar on document.body
                     then send refreshView to #refreshViewElement'>
     <div class='modal-underlay' _='on click trigger closeModal'></div>
-    <div class='modal-content' _='init toggle .hide-scrollbar on document.body'>
+    <div class='modal-content m-4 sm:mt-24 max-h-[95%]' _='init toggle .hide-scrollbar on document.body'>
         <div class="relative w-full h-full max-w-2xl md:h-auto overflow-auto">
             <!-- Modal content -->
             <div class="relative bg-white rounded-lg shadow dark:bg-gray-700">