From 0eaa82b121ceaa587ecf1fc6ffa40a336ba10e1b Mon Sep 17 00:00:00 2001
From: knighthawk4227 <mitchellschaeffer6@gmail.com>
Date: Fri, 16 May 2025 12:02:06 -0700
Subject: [PATCH] padding for mobile

---
 src/views/dashboard.ejs             | 46 ++++++++++++++---------------
 src/views/partials/dashboardBox.ejs |  2 +-
 2 files changed, 24 insertions(+), 24 deletions(-)

diff --git a/src/views/dashboard.ejs b/src/views/dashboard.ejs
index 7feeb93..4f22cd0 100644
--- a/src/views/dashboard.ejs
+++ b/src/views/dashboard.ejs
@@ -1,27 +1,27 @@
 <%- include("./partials/fileHeader") %>
-<%- include("./partials/header") %>
+    <%- include("./partials/header") %>
 
-<main class="pt-24 pb-14">
-    <!-- Buttons -->
-    <div class="flex justify-end gap-4 px-5 py-6">
-        <a href="/assets?popup"
-            class="text-center cursor-pointer min-w-[150px] bg-green-600 px-4 py-2 text-white rounded hover:bg-green-800"
-            type="button">Add Asset</a>
-        <a href="/newPlan"
-            class="text-center cursor-pointer min-w-[150px] bg-green-600 px-4 py-2 text-white rounded hover:bg-green-800"
-            type="button">Create new plan </a>
-    </div>
-    <div class="flex justify-center">
-        <div class="mb-12 grid gap-y-4 gap-x-6 md:grid-cols-2 mr-3 ml-3 ">
-            <% plans.forEach(plan=> { %>
-                <%- include('./partials/dashboardBox.ejs', {plan: plan}) %>
-            <% }); %>
-        </div>
-    </div>
-</main>
+        <main class="pt-24 pb-14">
+            <!-- Buttons -->
+            <div class="flex justify-end gap-4 px-5 py-6">
+                <a href="/assets?popup"
+                    class="text-center cursor-pointer min-w-[150px] bg-green-600 px-4 py-2 text-white rounded hover:bg-green-800"
+                    type="button">Add Asset</a>
+                <a href="/newPlan"
+                    class="text-center cursor-pointer min-w-[150px] bg-green-600 px-4 py-2 text-white rounded hover:bg-green-800"
+                    type="button">Create new plan </a>
+            </div>
+            <div class="flex justify-center sm:px-6 w-full ">
+                <div class="mb-12  grid gap-y-4 gap-x-6 md:grid-cols-2  ">
+                    <% plans.forEach(plan=> { %>
+                        <%- include('./partials/dashboardBox.ejs', {plan: plan}) %>
+                            <% }); %>
+                </div>
+            </div>
+        </main>
 
-<script src="/static/scripts/dollarFormat.js"></script>
+        <script src="/static/scripts/dollarFormat.js"></script>
 
-<%- include("./partials/navBar") %>
-<%- include("./partials/scriptLoader") %>
-<%- include("./partials/footer") %>
+        <%- include("./partials/navBar") %>
+            <%- include("./partials/scriptLoader") %>
+                <%- include("./partials/footer") %>
diff --git a/src/views/partials/dashboardBox.ejs b/src/views/partials/dashboardBox.ejs
index 3716a75..303bd3d 100644
--- a/src/views/partials/dashboardBox.ejs
+++ b/src/views/partials/dashboardBox.ejs
@@ -1,6 +1,6 @@
 <div class="mt-12">
     <a href="/plans/<%=plan._id%>">
-        <div class=" relative flex flex-col bg-clip-border  rounded-xl bg-white text-gray-700 shadow-md w-full min-h-[150px] min-w-[380px] 
+        <div class=" relative flex flex-col bg-clip-border  rounded-xl bg-white text-gray-700 shadow-md w-full min-h-[130px] min-w-[340px] 
         md:min-h-[220px] md:min-w-[500px]">
             <!-- <div -->
             <!--   class="bg-clip-border mx-4 rounded-xl overflow-hidden bg-gradient-to-tr from-blue-600 to-blue-400 text-white shadow-blue-500/40 shadow-lg absolute mt-2 grid h-16 w-16 place-items-center"> -->